fix: hide vertical overflow in scrollable tabs

app/(dashboard)/import-export/page.tsx

@@ -129,7 +129,7 @@ export default function ImportExportPage() {
           onValueChange={(v) => setActiveTab(v as "export" | "import")}
           className="flex flex-col gap-6"
         >
-          <TabsList className="justify-start overflow-x-auto">
+          <TabsList className="justify-start overflow-x-auto overflow-y-hidden">
             {tabs.map((tab) => (
               <TabsTrigger key={tab.key} value={tab.key} className="capitalize">
                 {tab.label}

components/lifecycle/new-form.tsx

@@ -247,7 +247,7 @@ export function LifecycleNewForm({ open, onOpenChange, bucketName, onSuccess }:
             onValueChange={(v) => setActiveTab(v as "expire" | "transition")}
             className="flex flex-col gap-4"
           >
-            <TabsList className="justify-start overflow-x-auto">
+            <TabsList className="justify-start overflow-x-auto overflow-y-hidden">
               <TabsTrigger value="expire">{t("Expiration")}</TabsTrigger>
               <TabsTrigger value="transition">{t("Transition")}</TabsTrigger>
             </TabsList>

components/tasks/panel.tsx

@@ -80,7 +80,7 @@ export function TaskPanel({ tasks, onClearTasks }: TaskPanelProps) {
       )}
 
       <Tabs value={tab} onValueChange={setTab} className="flex flex-col gap-4">
-        <TabsList className="justify-start overflow-x-auto">
+        <TabsList className="justify-start overflow-x-auto overflow-y-hidden">
           {tabs.map((tabItem) => (
             <TabsTrigger key={tabItem.value} value={tabItem.value} className="capitalize">
               {tabItem.label}

components/user-group/edit-form.tsx

@@ -85,7 +85,7 @@ export function UserGroupEditForm({ open, onOpenChange, row, onSuccess }: UserGr
           </div>
 
           <Tabs value={activeTab} onValueChange={setActiveTab} className="flex flex-col gap-4">
-            <TabsList className="justify-start overflow-x-auto">
+            <TabsList className="justify-start overflow-x-auto overflow-y-hidden">
               <TabsTrigger value="users">{t("Members")}</TabsTrigger>
               <TabsTrigger value="policy">{t("Policies")}</TabsTrigger>
             </TabsList>

components/user/edit-form.tsx

@@ -234,7 +234,7 @@ export function UserEditForm({ open, onOpenChange, row, onSuccess }: UserEditFor
 
         <div className="-mx-2 max-h-[80vh] space-y-4 overflow-y-auto overflow-x-hidden px-2">
           <Tabs value={activeTab} onValueChange={setActiveTab} className="flex flex-col gap-4">
-            <TabsList className="justify-start overflow-x-auto">
+            <TabsList className="justify-start overflow-x-auto overflow-y-hidden">
               {canEditAccount ? <TabsTrigger value="account">{t("Account")}</TabsTrigger> : null}
               {canAssignGroups ? <TabsTrigger value="groups">{t("Groups")}</TabsTrigger> : null}
               {canEditPolicies ? <TabsTrigger value="policy">{t("Policies")}</TabsTrigger> : null}