refactor: update theme imports and clean up user edit component styles

Author: manudous

src/core/theme/index.ts

@@ -1,2 +1,3 @@
 export * from './theme-provider.component';
 export * from './theme.hooks';
+export * from './theme';

src/modules/users/create/create.query.hook.ts

@@ -1,9 +1,8 @@
 import { useMutation } from '@tanstack/react-query';
 import { useNavigate } from '@tanstack/react-router';
-import { queryClient } from '#core/react-query';
+import { queryClient, usersQueryKeys } from '#core/react-query';
 import { saveUserRepository } from './create.repository';
 import { Usuario } from './create.vm';
-import { usersQueryKeys } from '../users-keys';
 
 interface UseSaveUserMutationResult {
   saveUser: (user: Usuario) => void;

src/modules/users/edit-user-sheet/edit-user-sheet.component.tsx

@@ -1,14 +1,12 @@
 import React from 'react';
-
 import { Form, Formik } from 'formik';
-import { useWithTheme } from '#core/theme';
+import { Button } from '@mui/material';
+import { NavigationButton } from '#common/components';
 import { UnidadRolList } from '#core/api/lookups/unidad-rol';
 import { Usuario } from './edit-user-sheet.vm';
-import { Button } from '@mui/material';
 import { AditionalPermissions, UserDetails } from './components';
-import { NavigationButton } from '#common/components';
-import * as innerClasses from './edit-user-sheet.styles';
 import { formValidation } from './validations';
+import * as classes from './edit-user-sheet.styles';
 
 interface Props {
   usuario: Usuario;
@@ -18,7 +16,6 @@ interface Props {
 
 export const EditUser: React.FC<Props> = (props: Props) => {
   const { unidadRolList, onSubmit, usuario } = props;
-  const classes = useWithTheme(innerClasses);
   return (
     <>
       <div className={classes.root}>

src/modules/users/edit-user-sheet/edit-user-sheet.styles.ts

@@ -1,27 +1,27 @@
 import { css } from '@emotion/css';
-import { Theme } from '@mui/material';
+import { theme } from '#core/theme';
 
-export const root = (theme: Theme) => css`
+export const root = css`
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing(4)};
 `;
 
-export const form = (theme: Theme) => css`
+export const form = css`
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing(4)};
 `;
 
-export const sectionContainer = (theme: Theme) => css`
+export const sectionContainer = css`
   border: 1px solid ${theme.palette.grey[300]};
   border-radius: 4px;
   padding: ${theme.spacing(3)};
   display: flex;
   flex-direction: column;
 `;
 
-export const row = (theme: Theme) => css`
+export const row = css`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: ${theme.spacing(2)};
@@ -39,7 +39,7 @@ export const apellidos = css`
   }
 `;
 
-export const checkboxContainer = (theme: Theme) => css`
+export const checkboxContainer = css`
   display: flex;
   gap: ${theme.spacing(2)};