fix: adjust tab container width for responsiveness

Author: victor-lis

web/src/app/(public)/login/page.tsx

@@ -40,7 +40,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
   return (
     <div className="flex justify-center items-center my-8 bg-primary-foreground">
       <AuthTabs.Root>
-        <AuthTabs.Container defaultValue={defaultTab} className="w-125 min-h-72">
+        <AuthTabs.Container defaultValue={defaultTab} className="min-h-72">
           <AuthTabs.Header className="flex flex-col justify-center items-center pb-6">
             <h1 className="text-2xl font-bold">Acessar a plataforma</h1>
             <p className="text-sm text-muted-foreground">Comece agora mesmo!</p>

web/src/modules/tabs-form/components/container.tsx

@@ -5,7 +5,7 @@ import { ContainerProps } from "../_types/container";
 export default function Container({ children, className, defaultValue }: ContainerProps) {
   return (
     // @ts-ignore
-    <Tabs defaultValue={defaultValue} className={cn("w-[400px] mx-auto", className)}>
+    <Tabs defaultValue={defaultValue} className={cn("w-fit sm:w-100 mx-auto", className)}>
       {children}
     </Tabs>
   );