Merge branch 'main' into feature/#37-Front-End_Build-layout-reset-password-on-Editar-Usuario

Author: manudous

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

@@ -2,8 +2,6 @@ import { css } from '@emotion/css';
 import { Theme } from '@mui/material';
 
 export const root = (theme: Theme) => css`
-  width: 100%;
-  max-width: 1208px;
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing(4)};

src/scenes/_auth/edit-user/edit-user.scene.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
-import { useParams } from '@tanstack/react-router';
 import { Tabs as MUITabs, Tab, Paper } from '@mui/material/';
+import { Edit as EditIcon, Https as LockIcon } from '@mui/icons-material';
+import { useParams } from '@tanstack/react-router';
 import { EditUserSheet } from '#modules/users/edit-user-sheet/edit-user-sheet.pod.tsx';
 import { EditResetPassword } from '#modules/users/edit-reset-password/edit-reset-password.pod.tsx';
 import { TabPanel } from './components/tab-panel.component';
@@ -22,8 +23,8 @@ export const UserScene: React.FC = () => {
       <Paper elevation={0}>
         <div className={innerClasses.tabsContainer}>
           <MUITabs value={activeTab} onChange={handleChange}>
-            <Tab label="Ficha de usuario" />
-            <Tab label="Resetear Password" />
+            <Tab label="Ficha de usuario" icon={<EditIcon />} iconPosition="start" />
+            <Tab label="Resetear Password" icon={<LockIcon />} iconPosition="start" />
           </MUITabs>
         </div>
         <TabPanel value={activeTab} index={TabIndex.USER_SHEET}>

src/scenes/_auth/edit-user/edit-user.styles.ts

@@ -1,10 +1,11 @@
 import { css } from '@emotion/css';
 
 export const tabsComponent = css`
+  width: 100%;
+  max-width: 1208px;
   display: 'flex';
   flex-direction: 'column';
   align-items: 'center';
-  width: 100%;
 `;
 
 export const tabsContainer = css`