fixes

- apply fixed height for footer buttons over app
- add floating cart button in cart page in desktop size

src/pages/menu/components/MenuFooter/MenuFooter.tsx

@@ -1,21 +1,18 @@
-import { Badge, Button, Grid } from "antd";
+import { Badge, Button } from "antd";
 import CartIcon from "components/Icons/cart/CartIcon";
 import ProText from "components/ProText";
 import { selectCartItems } from "features/order/orderSlice";
+import useBreakPoint from "hooks/useBreakPoint";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { useAppSelector } from "redux/hooks";
 import { colors, ProBlack2 } from "ThemeConstants";
 
-const { useBreakpoint } = Grid;
-
 export function MenuFooter() {
   const items = useAppSelector(selectCartItems);
   const restaurantName = localStorage.getItem("restaurantName");
   const { themeName } = useAppSelector((state) => state.theme);
-  const { xs, sm } = useBreakpoint();
-  const isMobile = xs;
-  const isTablet = sm && !xs;
+  const { isMobile, isTablet } = useBreakPoint();
   const { t } = useTranslation();
 
   const totalItems = items.reduce((sum, item) => sum + item.quantity, 0);
@@ -30,7 +27,7 @@ export function MenuFooter() {
             position: "fixed",
             bottom: 0,
             left: 0,
-            height: "10vh",
+            height: "80px",
             display: "flex",
             flexDirection: "row",
             justifyContent: "space-around",
@@ -51,8 +48,7 @@ export function MenuFooter() {
               shape="round"
               style={{
                 width: "100%",
-                height: 48,
-                marginBottom: 16,
+                height: 50,
                 boxShadow: "none",
               }}
             >