import React, { useState } from 'react';
import { ChevronLeftOutlined } from '@mui/icons-material';
import MenuIcon from '@mui/icons-material/Menu';
import {
Box,
Button,
Drawer,
IconButton,
List,
ListItem,
ListItemButton,
ListItemIcon,
ListItemText,
} from '@mui/material';
import { useRouter } from 'next/dist/client/router';
import Head from 'next/head';
export default function Home() {
const [open, setOpen] = React.useState(false);
const router = useRouter();
const [changing_page, setChangingPage] = useState(false);
const toggleDrawer = newOpen => () => {
setOpen(newOpen);
};
const DrawerList = (