ajustes responsive login y btn añadir de administracion

apps/web/feactures/auth/components/sigin-view.tsx

@@ -13,14 +13,14 @@ export function LoginForm({
 
   return (
     <div className={cn("", className)} {...props}>
-      <Card className="overflow-hidden">
+      <Card className="">
-        <CardContent className="grid p-0 md:grid-cols-2">
+        <CardContent className="flex flex-col-reverse md:flex-row p-0">
-        <UserAuthForm />
+          <UserAuthForm />
-          <div className="relative hidden bg-muted md:block">
+          <div className="md:bg-muted">
             <img
               src="logo.png"
-              alt="Image"
+              alt="Imagen del Logo"
-              className="absolute inset-0 p-10 h-full w-full"
+              className="pt-3 md:p-3 h-full w-1/3 md:w-full m-auto "
             />
           </div>
         </CardContent>

apps/web/feactures/auth/components/signup-view.tsx

@@ -15,13 +15,13 @@ export function LoginForm({
   return (
     <div className={cn("", className)} {...props}>
       <Card className="overflow-hidden">
-        <CardContent className="flex p-0">
+        <CardContent className="flex flex-col-reverse md:flex-row p-0">
-        <UserAuthForm />
+          <UserAuthForm />
-          <div className="hidden bg-muted md:block m-auto">
+          <div className="md:m-auto">
             <img
               src="logo.png"
               alt="Image"
-              className="inset-0 p-5"
+              className="pt-3 md:p-5 w-1/3 md:w-full m-auto"
             />
           </div>
         </CardContent>

apps/web/feactures/auth/components/user-auth-form.tsx

@@ -69,11 +69,11 @@ export default function UserAuthForm() {
     <>
       <Form {...form}>
 
-        <form className="p-6 md:p-8"  onSubmit={form.handleSubmit(onSubmit)}>
+        <form className="flex-none p-6 md:p-8"  onSubmit={form.handleSubmit(onSubmit)}>
             <div className="flex flex-col gap-6">
-              <div className="flex flex-col items-center text-center">
+              <div className="text-center">
                 <h1 className="text-2xl font-bold">Sistema para productores</h1>
-                <p className="text-balance text-muted-foreground">
+                <p className="text-balance text-muted-foreground hidden md:block">
                   Ingresa tus datos
                 </p>
               </div>

apps/web/feactures/surveys/components/admin/surveys-header.tsx

@@ -15,7 +15,7 @@ export function SurveysHeader() {
           description="Gestiona las encuestas disponibles en la plataforma"
         />
         <Button onClick={() => router.push(`/dashboard/administracion/encuestas/crear`)} size="sm">
-          <Plus className="mr-2 h-4 w-4" /> Agregar Encuesta
+          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Encuesta</span>
         </Button>
       </div>
 

apps/web/feactures/users/components/admin/users-header.tsx

@@ -16,7 +16,7 @@ export function UsersHeader() {
           description="Gestiona los usuarios registrados en la plataforma"
         />
         <Button onClick={() => setOpen(true)} size="sm">
-          <Plus className="mr-2 h-4 w-4" /> Agregar Usuario
+          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Usuario</span>
         </Button>
       </div>