feat(ui): agregar variante "card" a varios editores de cliente y ajustar clase en RdxPageContent

modules/customers/src/web/update/ui/editor/customer-additional-config-fields.tsx

@@ -20,6 +20,7 @@ export const CustomerAdditionalConfigEditor = ({
       description={t("form_groups.preferences.description")}
       icon={<Settings2Icon className="size-5" />}
       title={t("form_groups.preferences.title")}
+      variant="card"
     >
       <RdxFormGrid>
         <SelectField

modules/customers/src/web/update/ui/editor/customer-address-editor.tsx

@@ -20,6 +20,7 @@ export const CustomerAddressEditor = ({
       description={t("form_groups.address.description")}
       icon={<MapPinIcon className="size-5" />}
       title={t("form_groups.address.title")}
+      variant="card"
     >
       <RdxFormGrid className="md:grid-cols-2">
         <TextField

modules/customers/src/web/update/ui/editor/customer-basic-info-editor.tsx

@@ -36,6 +36,7 @@ export const CustomerBasicInfoEditor = ({
       description={t("form_groups.basic_info.description")}
       icon={<FileTextIcon className="size-5" />}
       title={t("form_groups.basic_info.title")}
+      variant="card"
     >
       <RdxFormGrid className="md:grid-cols-2">
         <TextField

modules/customers/src/web/update/ui/editor/customer-contact-fields.tsx

@@ -27,6 +27,7 @@ export const CustomerContactEditor = ({
       description={t("form_groups.contact_info.description")}
       icon={<PhoneIcon className="size-5" />}
       title={t("form_groups.contact_info.title")}
+      variant="card"
     >
       <RdxFormGrid>
         <TextField

modules/customers/src/web/update/ui/editor/customer-fiscal-editor.tsx

@@ -31,6 +31,7 @@ export const CustomerFiscalEditor = ({
       description={t("form_groups.fiscal_info.description")}
       icon={<LandmarkIcon className="size-5" />}
       title={t("form_groups.fiscal_info.title")}
+      variant="card"
     >
       <RdxFormGrid className="md:grid-cols-2">
         <SelectField

modules/customers/src/web/update/ui/pages/customer-update-page.tsx

@@ -73,7 +73,7 @@ export const CustomerUpdatePage = () => {
     <FormProvider {...updateCtrl.form}>
       <UnsavedChangesProvider isDirty={updateCtrl.form.formState.isDirty}>
         <RdxPageFrame
-          contentClassName="bg-red-500"
+          contentClassName="bg-muted/20"
           header={
             <CustomerUpdateHeader
               formId={updateCtrl.formId}

packages/rdx-ui/src/components/form/switch-field.tsx

@@ -62,10 +62,11 @@ export const SwitchField = <TFormValues extends FieldValues>({
       name={name}
       render={({ field, fieldState }) => {
         const hasError = Boolean(fieldState.error);
-
         return (
           <Field
-            className={cn("gap-2", className)}
+            // Radix UI renderiza un input nativo absoluto para Switch.
+            // Este containing block evita que genere overflow a nivel de documento.
+            className={cn("gap-2 relative", className)}
             data-invalid={hasError}
             orientation={orientation}
           >

packages/rdx-ui/src/components/layout/rdx-page-content.tsx

@@ -32,7 +32,7 @@ export const RdxPageContent = ({
   if (!aside) {
     return (
       <div
-        className={cn("flex min-w-0 flex-col", SPACING_CLASSNAME[spacing], className)}
+        className={cn("flex min-w-0 flex-col ", SPACING_CLASSNAME[spacing], className)}
         {...props}
       >
         {children}