checkout: adjust layout

src/pages/checkout/components/CheckoutButton.tsx

@@ -1,4 +1,4 @@
-import { Button, FormInstance } from "antd";
+import { Button, FormInstance, Layout } from "antd";
 import { selectCart } from "features/order/orderSlice";
 import { OrderType } from "pages/checkout/hooks/types.ts";
 import { useCallback, useMemo } from "react";
@@ -34,7 +34,7 @@ export default function CheckoutButton({ form }: { form: FormInstance }) {
   );
 
   return (
-    <div className={styles.checkoutButtonContainer}>
+    <Layout.Footer className={styles.checkoutButtonContainer}>
       {shouldShowSplitBill && (
         <Button
           className={styles.splitBillButton}
@@ -52,6 +52,6 @@ export default function CheckoutButton({ form }: { form: FormInstance }) {
       >
         {t("checkout.placeOrder")}
       </Button>
-    </div>
+    </Layout.Footer>
   );
 }