add order menu in navbar;

add order button on cart page;

src/components/Navbar.js

@@ -20,6 +20,8 @@ import { Favorite } from "@mui/icons-material";
 import { Logout, SupervisedUserCircle } from "@mui/icons-material";
 import { useRouter } from "next/router";
 import { Cottage } from "@mui/icons-material";
+import { Store } from "@mui/icons-material";
+import { ShoppingBag } from "@mui/icons-material";
 
 const Search = styled("div")(({ theme }) => ({
   position: "relative",
@@ -127,7 +129,7 @@ function Navbar(props) {
               color="inherit"
             >
               <Badge color="error">
-              <Cottage />
+                <Store />
               </Badge>
             </IconButton>
           ),
@@ -162,6 +164,21 @@ function Navbar(props) {
             </IconButton>
           ),
         },
+        {
+          label: "คำสั่งซื้อ",
+          link: "/order",
+          element: (
+            <IconButton
+              size="large"
+              aria-label="show 4 new mails"
+              color="inherit"
+            >
+              <Badge badgeContent={2} color="error">
+              <ShoppingBag />
+              </Badge>
+            </IconButton>
+          ),
+        },
         {
           label: user.value.name,
           link: "/profile",

src/pages/cart.js

@@ -16,6 +16,7 @@ import { Delete } from "@mui/icons-material";
 import { ShoppingCart } from "@mui/icons-material";
 import PopupAlert from "@/components/PopupAlert";
 import Head from "next/head";
+import { ShoppingBag } from "@mui/icons-material";
 
 export default function Cart() {
   const user = useContext(UserContext);
@@ -75,6 +76,7 @@ export default function Cart() {
         />
         <Paper sx={{ p: 1, overflowX: "scroll" }}>
           {cart.value.length > 0 ? (
+            <Box>
               <Table>
                 <TableHead>
                   <TableRow>
@@ -132,8 +134,18 @@ export default function Cart() {
                   )}
                 </TableBody>
               </Table>
+              <Box sx={{ textAlign: "right", p: 1 }}>
+                <Button size="large">
+                  <ShoppingBag /> สั่งซื้อ
+                </Button>
+              </Box>
+            </Box>
           ) : (
-            <div className="text-center">{user.value?.token ? "รายการว่างเปล่า": "คุณยังไม่ได้เข้าสู่ระบบ"}</div>
+            <div className="text-center">
+              {user.value?.token
+                ? "รายการว่างเปล่า"
+                : "คุณยังไม่ได้เข้าสู่ระบบ"}
+            </div>
           )}
         </Paper>
       </Box>