cambios en los estilos

apps/web/feactures/users/components/admin/user-modal.tsx

@@ -39,7 +39,7 @@ export function AccountPlanModal({
         }
       }}
     >
-      <DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg bg-background/80">
+      <DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg ">
         <DialogHeader>
           <DialogTitle>
             {defaultValues?.id

apps/web/feactures/users/components/modal-profile.tsx

@@ -8,7 +8,7 @@ import {
   DialogTitle,
 } from '@repo/shadcn/dialog';
 import { AccountPlan } from '@/feactures/users/schemas/account-plan.schema';
-import { ModalForm } from './update-user-form';
+import { ModalForm } from './update-profile-form';
 
 interface AccountPlanModalProps {
   open: boolean;
@@ -38,7 +38,7 @@ export function AccountPlanModal({
         }
       }}
     >
-      <DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg bg-background/80">
+      <DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg">
         <DialogHeader>
           <DialogTitle>Actualizar Perfil</DialogTitle>
           <DialogDescription>

apps/web/feactures/users/components/update-profile-form.tsx

@@ -73,14 +73,14 @@ export function ModalForm({
     phone: defaultValues?.phone || '',
     role: undefined,
     isActive: defaultValues?.isActive,
-    state: defaultValues?.state,
-    municipality: defaultValues?.municipality,
-    parish: defaultValues?.parish
+    state: undefined,
+    municipality: undefined,
+    parish: undefined
   }
 
  
 
-  // console.log(defaultValues);
+  console.log(defaultValues);
 
   const form = useForm<UpdateUser>({
     resolver: zodResolver(updateUser),

apps/web/feactures/users/components/user-profile.tsx

@@ -21,13 +21,13 @@ export function Profile() {
       <AccountPlanModal open={open} onOpenChange={setOpen} defaultValues={data?.data}/>
       
       <h2 className='mt-3 mb-1'>Datos del usuario</h2>
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-        <section className='border bg-muted p-2 rounded-md'>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6 ">
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Usuario:</p>
           <p>{data?.data.username || 'Sin Nombre de Usuario'}</p>
         </section>
 
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Rol:</p>
           <p>{data?.data.role || 'Sin Rol'}</p>
         </section>
@@ -35,17 +35,17 @@ export function Profile() {
       
       <h2 className='mt-3 mb-1'>Información personal</h2>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Nombre completo:</p>
           <p>{data?.data.fullname || 'Sin nombre y apellido'}</p>
         </section>
 
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Correo:</p>
           <p>{data?.data.email || 'Sin correo'}</p>
         </section>
 
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Teléfono:</p>
           <p>{data?.data.phone || 'Sin teléfono'}</p>
         </section>
@@ -53,17 +53,17 @@ export function Profile() {
 
       <h2 className='mt-3 mb-1'>Información de ubicación</h2>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Estado:</p>
           <p>{data?.data.state || 'Sin Estado'}</p>
         </section>
 
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Municipio:</p>
           <p>{data?.data.municipality || 'Sin Municipio'}</p>
         </section>
 
-        <section className='border bg-muted p-2 rounded-md'>
+        <section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
           <p className='font-bold text-lg'>Parroquia:</p>
           <p>{data?.data.parish || 'Sin Parroquia'}</p>
         </section>