cart: adjust layout

src/pages/cart/components/CartMobileTabletLayout.tsx

@@ -1,5 +1,5 @@
 import { PlusOutlined } from "@ant-design/icons";
-import { Card, Divider, Form, Space } from "antd";
+import { Card, Divider, Form, Space, Layout } from "antd";
 import ArabicPrice from "components/ArabicPrice";
 import CartActionsButtons from "components/CartActionsButtons/CartActionsButtons.tsx";
 import ImageWithFallback from "components/ImageWithFallback";
@@ -62,9 +62,9 @@ export default function CartMobileTabletLayout({
   };
 
   return (
-    <>
+    <Layout>
       <ProHeader>{t("cart.title")}</ProHeader>
-      <div
+      <Layout.Content
         className={`${styles.cartContainer} '${styles.cartLayout}' ${getResponsiveClass()}`}
       >
         <Space
@@ -287,11 +287,9 @@ export default function CartMobileTabletLayout({
 
           {/* Invoice Summary */}
           <OrderSummary />
-          {/* space keeper*/}
-          <div style={{ height: "10vh" }} />
         </Space>
-      </div>
+      </Layout.Content>
       <CartFooter form={form} />
-    </>
+    </Layout>
   );
 }