feat: Refresh token on load and user information added

src/components/Layout/Layout.tsx

@@ -6,7 +6,7 @@ import { Box, useMediaQuery, useTheme } from '@mui/material';
 import { Header } from './Header';
 import { useState } from 'react';
 import { Toolbar } from './Toolbar';
-import type { User } from './type';
+import { useAuth } from '@/hooks/useAuth';
 
 export const Layout = () => {
   const navItemConfigs = buildNavItems(appRoutes);
@@ -14,11 +14,8 @@ export const Layout = () => {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('md'));
   const [sideNavOpen, setSideNavOpen] = useState(false);
-  const [user] = useState<User>({
-    firstName: 'محمد حسین',
-    lastName: 'برزه گر',
-    phoneNumber: '09123456789',
-  });
+
+  const { userInfo } = useAuth();
 
   return (
     <Box
@@ -46,7 +43,7 @@ export const Layout = () => {
             isMobile={isMobile}
             sideNavOpen={sideNavOpen}
             setSideNavOpen={setSideNavOpen}
-            user={user}
+            user={userInfo}
           />
           <Outlet />
         </Box>
@@ -54,8 +51,8 @@ export const Layout = () => {
         <SideNav
           open={sideNavOpen}
           onClose={() => setSideNavOpen(false)}
-          header={isMobile ? undefined : <Header user={user} />}
-          footer={isMobile ? <Header user={user} /> : undefined}
+          header={isMobile ? undefined : <Header user={userInfo} />}
+          footer={isMobile ? <Header user={userInfo} /> : undefined}
           navConfig={navItemConfigs}
           activePath={location.pathname + location.hash}
           selectedVariant="textOnly"