Refactor Tabs components for improved styling

- Update TabsList.vue to adjust height and border radius for a more modern look
- Modify TabsTrigger.vue to enhance padding, font size, and line height for better readability and user experience

app/components/ui/tabs/TabsList.vue

@@ -19,15 +19,11 @@ const forwarded = useForwardProps(delegatedProps)
 </script>
 
 <template>
-  <TabsList
-    v-bind="forwarded"
-    :class="
-      cn(
-        'inline-flex h-12 items-center justify-center rounded-xl bg-white/5 p-1.5 text-white/70',
-        props.class
-      )
-    "
-  >
+  <TabsList v-bind="forwarded" :class="cn(
+    'inline-flex h-auto items-center justify-center rounded-[35px] bg-white/5 p-1.5 text-white/70',
+    props.class
+  )
+    ">
     <slot />
   </TabsList>
 </template>