add rate feature to orders page & enhance menu page

src/pages/orders/OrderDetails.module.css

@@ -298,3 +298,9 @@
   margin-bottom: 16px;
   box-shadow: none;
 }
+
+.profileImage {
+  border-radius: 50%;
+  width: 50px;
+  height: 50px;
+}

src/pages/orders/OrdersList.tsx

@@ -1,4 +1,4 @@
-import { Button, Card, Divider } from "antd";
+import { Button, Card, Divider, Image } from "antd";
 import EmptyOrdersIcon from "components/Icons/EmptyOrdersIcon";
 import RateIcon from "components/Icons/RateIcon";
 import ReOrderIcon from "components/Icons/ReOrderIcon";
@@ -85,6 +85,8 @@ export default function OrdersList() {
     };
   };
 
+  console.log(orders);
+
   return (
     <>
       {orders.length === 0 ? (
@@ -124,15 +126,13 @@ export default function OrdersList() {
                     gap: "1rem",
                   }}
                 >
-                  <Button
-                    type="text"
-                    shape="circle"
-                    style={{
-                      backgroundColor: "rgba(255, 183, 0, 0.08)",
-                    }}
-                  >
-                    {order.restaurant_name[0]}
-                  </Button>
+                  <Image
+                    src={order.restaurant_icon}
+                    className={styles.profileImage}
+                    width={50}
+                    height={50}
+                    preview={false}
+                  />
                   <div
                     style={{ display: "flex", flexDirection: "column", gap: 8 }}
                   >

src/pages/orders/orders.module.css

@@ -81,3 +81,9 @@
   margin-bottom: 16px;
   box-shadow: none;
 }
+
+.profileImage {
+  border-radius: 50%;
+  width: 50px;
+  height: 50px;
+}