updated the user role build issue

src/components/organism/Header/Profile.tsx

@@ -54,7 +54,7 @@ export default function Profile() {
             >
                 <div className='hidden lg:flex items-center gap-1'>
                     <Avatar alt="profile user" src={avataur1} />
-                    {user?.role.toLowerCase() !== "user" ? <>
+                    {user?.role && user.role.toLowerCase() !== "user" ? <>
                         <div>
                             <strong className='text-[14px] leading-[120%] font-bold text-text-title block mb-1 text-nowrap'>{user?.name}</strong>
                             <p className='text-[12px] text-left leading-[120%] font-[500] text-para-light text-nowrap'>
@@ -86,7 +86,7 @@ export default function Profile() {
                         >
                             <ClickAwayListener onClickAway={handleClose}>
                                 {
-                                    user?.role.toLowerCase() !== "user" ? (
+                                    user?.role && user.role.toLowerCase() !== "user" ? (
                                         <List>
                                             <ListItem>
                                                 <ListItemText>

src/components/organism/Header/index.tsx

@@ -65,7 +65,7 @@ export default function Header({ open, handleDrawerOpen }: {
                     <HambergerMenu className='!text-para-light' />
                 </IconButton>
                 {
-                    user?.role.toUpperCase() === 'ADMIN' ? (
+                    user?.role && user.role.toUpperCase() === 'ADMIN' ? (
                         <AdminHeader />
                     ) : (
                         <UserHeader />

src/components/organism/Sidebar/index.tsx

@@ -89,7 +89,7 @@ export default function Sidebar({ open, handleDrawerOpen }: {
 
             <Box className={`mt-8 menu__wrapper ${open ? "px-3" : ""}`} >
                 {
-                    user?.role.toUpperCase() === 'ADMIN' ? (
+                    user?.role && user.role.toUpperCase() === 'ADMIN' ? (
                         <AdminMenu open={open} />
                     ) : (
                         <UserMenu open={open} />