feat: add viewport meta and enhance filter styling

Adds viewport meta tag with mobile-specific settings to improve responsive behavior

- Disables user scaling for better mobile experience
- Adjusts filter component padding and text styles
- Removes redundant font-normal class

app.vue

@@ -17,6 +17,13 @@ useHead({
   htmlAttrs: {
     lang: 'en',
   },
+  meta: [
+    {
+      name: 'viewport',
+      content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0',
+      tagPosition: 'head',
+    },
+  ],
   link: [
     {
       rel: 'icon',

components/dashboard/Filters.vue

@@ -48,9 +48,9 @@ onBeforeMount(() => {
       variant="outline"
       role="combobox"
       :aria-expanded="isOpen"
-      class="flex justify-between w-full sm:w-48"
+      class="flex justify-between px-3 w-full sm:w-48"
     >
-      <div class="flex-1 font-normal text-left truncate" :class="selectedLinks.length ? 'text-foreground' : 'text-muted-foreground'">
+      <div class="flex-1 text-left truncate" :class="selectedLinks.length ? 'text-foreground' : 'text-muted-foreground'">
         {{ selectedLinks.length ? selectedLinks.join(', ') : 'Filter Links...' }}
       </div>
       <ChevronsUpDown class="ml-2 w-4 h-4 opacity-50 shrink-0" />