formatting

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

@@ -4,7 +4,7 @@ import HeaderBottom from "./HaederBottom";
 
 const HeaderWithLogo = () => {
     return (
-        <Stack sx={{ width: '100%', position: 'fixed', zIndex: 1200, background: '#fff' }}>
+        <Stack sx={{ width: "100%", position: "fixed", zIndex: 1200, background: "#fff" }}>
             <HeaderTop />
             <HeaderBottom />
         </Stack>

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

@@ -90,7 +90,7 @@ const HeaderWithSidebar = ({ children }) => {
                         boxSizing: "border-box",
                         borderTop: 1,
                         borderTopColor: "divider",
-                        position: 'inherit'
+                        position: "inherit",
                     },
                 }}
                 variant="persistent"
@@ -103,7 +103,9 @@ const HeaderWithSidebar = ({ children }) => {
                     </IconButton>
                 </DrawerHeader>
                 <SidebarMenu />
-                <Typography textAlign={'center'} variant="caption" sx={{ py: .2, fontFamily: 'sans-serif' }}>v{process.env.NEXT_PUBLIC_VERSION}</Typography>
+                <Typography textAlign={"center"} variant="caption" sx={{ py: 0.2, fontFamily: "sans-serif" }}>
+                    v{process.env.NEXT_PUBLIC_VERSION}
+                </Typography>
             </Drawer>
             <Main open={open} sx={{ height: "100%", width: "100%", overflow: "hidden" }}>
                 <DrawerHeader />
@@ -114,4 +116,4 @@ const HeaderWithSidebar = ({ children }) => {
         </Box>
     );
 };
-export default HeaderWithSidebar;
+export default HeaderWithSidebar;