fixes

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

src/pages/cart/components/cartFooter/CartFooter.tsx

@@ -1,17 +1,15 @@
 import { colors } from "ThemeConstants.ts";
-import { Link, useParams } from "react-router-dom";
 import { Button } from "antd";
-import { useAppSelector } from "redux/hooks.ts";
-import useBreakPoint from "hooks/useBreakPoint.ts";
-import { useTranslation } from "react-i18next";
 import { selectCart } from "features/order/orderSlice.ts";
+import { useTranslation } from "react-i18next";
+import { Link, useParams } from "react-router-dom";
+import { useAppSelector } from "redux/hooks.ts";
 import styles from "./footer.module.css";
 
 export default function CartFooter() {
   const { t } = useTranslation();
   const { items } = useAppSelector(selectCart);
   const { id } = useParams();
-  const { isMobile, isTablet } = useBreakPoint();
   const orderType = localStorage.getItem("orderType");
 
   return (
@@ -25,7 +23,7 @@ export default function CartFooter() {
         <Button
           style={{
             borderRadius: 100,
-            height: isMobile ? 48 : isTablet ? 56 : 64,
+            height: 50,
             borderColor: "black",
             width: "100%",
             fontSize: 16,
@@ -45,7 +43,7 @@ export default function CartFooter() {
           style={{
             backgroundColor: colors.primary,
             borderRadius: 100,
-            height: isMobile ? 48 : isTablet ? 56 : 64,
+            height: 50,
             borderColor: "#F2F2F2",
             fontSize: 16,
             color: "white",

src/pages/cart/components/cartFooter/footer.module.css

@@ -4,12 +4,12 @@
   position: fixed;
   bottom: 0;
   left: 0;
-  height: 10vh;
+  height: 80px;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   gap: 1rem;
-  background-color: var(--background);
+  background-color: var(--primary-light);
   box-shadow: none;
 }
 /* :global(.darkApp) .cartFooter {