enhance brief menu card styles

src/pages/order/components/OrderDetails.tsx

@@ -53,7 +53,7 @@ export default function OrderDetails() {
                     alignItems: "center",
                     justifyContent: "space-between",
                     height: "100%",
-                    padding: 8
+                    padding: 8,
                   }}
                 >
                   <Space orientation="vertical" size="small">
@@ -123,10 +123,20 @@ export default function OrderDetails() {
                         [isRTL ? "right" : "left"]: 8,
                       }}
                     >
-                      <ArabicPrice
-                        price={item.price}
-                        style={{ fontStyle: "bold" }}
-                      />
+                      <Button
+                        shape="circle"
+                        iconPlacement="start"
+                        size="small"
+                        className={styles.addButton}
+                        style={{
+                          background: "#F5F5F6",
+                          width: 28,
+                          height: 28,
+                          border: "none",
+                        }}
+                      >
+                        <ProText style={{color: "#1F1C2E"}}>{item.qty} </ProText>
+                      </Button>
                     </div>
                   </Space>
                   <div style={{ position: "relative" }}>