change sizing slightly and add sentry

app/components/ModelSelector.vue

@@ -164,7 +164,7 @@ onUnmounted(() => {
 
                     <div v-for="provider in filteredProviders" :key="provider.id" class="mb-2">
                         <div
-                            class="px-4 py-1.5 text-xs font-medium text-[var(--color-muted)] capitalize tracking-wider flex justify-between">
+                            class="px-4 py-1.5 text-[13px] font-medium text-[var(--color-muted)] capitalize tracking-wider flex justify-between">
                             {{ provider.name }}
                             <button @click="isOpen = true; setPage('providers', provider.id)"
                                 class="flex h-4.5 w-4.5 items-center justify-center hover:bg-[var(--color-highlight)] rounded transition-colors duration-200 ease-[cubic-bezier(0.5,_1,_0.89,_1)]">
@@ -177,7 +177,7 @@ onUnmounted(() => {
                             :key="model.id" @click="selectModel(model, provider); isOpen = false"
                             class="text-white w-full min-h-9 px-4 py-2 flex items-center justify-between hover:bg-[var(--color-highlight-low)] transition-colors duration-150"
                             :class="{ 'bg-[var(--color-highlight-low)]': selectedModel?.id === model.id }">
-                            <ModelInfo :model="model" size="small" />
+                            <ModelInfo :model="model" size="medium" />
                         </button>
                     </div>
                 </div>