Tabs hover state improvement

Author: samejr

apps/webapp/app/components/primitives/ClientTabs.tsx

@@ -107,7 +107,9 @@ const ClientTabsTrigger = React.forwardRef<
           <span
             className={cn(
               "text-sm transition duration-200",
-              isActive ? "text-text-bright" : "text-text-dimmed transition hover:text-text-bright"
+              isActive
+                ? "text-text-bright"
+                : "text-text-dimmed transition group-hover:text-text-bright"
             )}
           >
             {children}

apps/webapp/app/components/primitives/Tabs.tsx

@@ -85,7 +85,7 @@ export function TabLink({
                     "text-sm transition duration-200",
                     active
                       ? "text-text-bright"
-                      : "text-text-dimmed transition hover:text-text-bright"
+                      : "text-text-dimmed transition group-hover:text-text-bright"
                   )}
                 >
                   {children}