complete profile part and start working on update profile and changing password

src/components/layouts/dashboard/headerWithSidebar/index.jsx

@@ -2,10 +2,11 @@
 import SidebarMenu from "@/core/components/SidebarMenu";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import MenuIcon from "@mui/icons-material/Menu";
-import { Box, Drawer, IconButton, Stack, styled, Toolbar } from "@mui/material";
+import { Box, Drawer, IconButton, Stack, styled, Toolbar, Typography } from "@mui/material";
 import MuiAppBar from "@mui/material/AppBar";
 import { useState } from "react";
 import HeaderMenu from "./HeaderMenu";
+import moment from "jalali-moment";
 
 const drawerWidth = 300;
 
@@ -54,6 +55,7 @@ const DrawerHeader = styled("div")(({ theme }) => ({
 
 const HeaderWithSidebar = ({ children }) => {
     const [open, setOpen] = useState(true);
+    const now = moment().locale("fa").format("HH:mm | YYYY/MM/DD");
 
     const handleDrawerOpen = () => {
         setOpen(true);
@@ -90,14 +92,15 @@ const HeaderWithSidebar = ({ children }) => {
                         boxSizing: "border-box",
                         borderTop: 1,
                         borderTopColor: "divider",
-                        position: 'inherit'
+                        position: "inherit",
                     },
                 }}
                 variant="persistent"
                 anchor="left"
                 open={open}
             >
-                <DrawerHeader>
+                <DrawerHeader sx={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
+                    <Typography variant="subtitle2" color="#757575" sx={{ px: 1 }}>تاریخ امروز: {now}</Typography>
                     <IconButton onClick={handleDrawerClose}>
                         <ChevronRightIcon />
                     </IconButton>