login page add menubar

src/component/Frame/HeadlessFrame.tsx

@@ -1,4 +1,5 @@
-import { Box, Container, Grid, Paper } from "@mui/material";
+import { Box, Container, Grid, Paper, AppBar, Toolbar, IconButton, Typography, Button } from "@mui/material";
+import MenuIcon from "@mui/icons-material/Menu";
 import { Outlet, useNavigation } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "../../redux/hooks.ts";
 import AutoHeight from "../Common/AutoHeight.tsx";
@@ -40,6 +41,31 @@ const HeadlessFrame = () => {
         overflow: "auto",
       }}
     >
+      <Box sx={{ flexGrow: 1 }}>
+        <AppBar position="static">
+          <Toolbar>
+            {/* <IconButton
+            size="large"
+            edge="start"
+            color="inherit"
+            aria-label="menu"
+            sx={{ mr: 2 }}
+          >
+            <MenuIcon />
+          </IconButton> */}
+            {/* <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+            News
+          </Typography> */}
+            <Logo
+              sx={{
+                maxWidth: "40%",
+                maxHeight: "40px",
+                mb: 2,
+              }}
+            />
+          </Toolbar>
+        </AppBar>
+      </Box>
       <Container maxWidth={"xs"}>
         <Grid
           container