fixes

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

src/components/Ads/Ads1.module.css

@@ -44,11 +44,11 @@
 }
 
 :global(.darkApp) .rightRectangle {
-  right: 0px;
+  right: 16px;
 }
 
 :global(.darkApp) .leftRectangle {
-  left: 0px;
+  left: 16px;
 }
 
 .adsCard {

src/components/FloatingButton/FloatingButton.tsx

@@ -1,18 +1,16 @@
-import { Button, Grid } from "antd";
+import { Button } from "antd";
 import TopIcon from "components/Icons/TopIcon";
 import { useScrollHandler } from "contexts/ScrollHandlerContext";
+import useBreakPoint from "hooks/useBreakPoint";
 import { useCallback } from "react";
 import { useAppSelector } from "redux/hooks";
 import { colors } from "ThemeConstants";
 import styles from "./FloatingButton.module.css";
 
-const { useBreakpoint } = Grid;
-
 export function FloatingButton() {
   const { isRTL } = useAppSelector((state) => state.locale);
   const { themeName } = useAppSelector((state) => state.theme);
-  const { xs } = useBreakpoint();
-  const isMobile = xs;
+  const { isMobile, isTablet } = useBreakPoint();
 
   const { showScrollTop } = useScrollHandler();
 
@@ -36,12 +34,13 @@ export function FloatingButton() {
           className={`${styles.scrollToTopButton}`}
           style={{
             position: "fixed",
-            bottom: isMobile ? "100px" : "120px",
+            bottom: isMobile ? "100px" : isTablet ? "120px" : "25px",
             right: isRTL ? "auto" : isMobile ? "20px" : "32px",
             left: isRTL ? (isMobile ? "20px" : "32px") : "auto",
             zIndex: 1000,
             boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
-            backgroundColor: themeName === "dark" ? colors.primary : colors.primary,
+            backgroundColor:
+              themeName === "dark" ? colors.primary : colors.primary,
             borderColor: themeName === "dark" ? colors.primary : colors.primary,
             width: isMobile ? 48 : 56,
             height: isMobile ? 48 : 56,

src/components/Icons/item/DescIcon1.tsx

@@ -6,8 +6,8 @@ interface DescIcon1Type {
 const DescIcon1 = ({ className, onClick }: DescIcon1Type) => {
   return (
     <svg
-      width="24"
-      height="24"
+      width="22"
+      height="22"
       viewBox="0 0 16 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"

src/components/Icons/item/DescIcon2.tsx

@@ -6,8 +6,8 @@ interface DescIcon2Type {
 const DescIcon2 = ({ className, onClick }: DescIcon2Type) => {
   return (
     <svg
-      width="24"
-      height="24"
+      width="22"
+      height="22"
       viewBox="0 0 16 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"

src/components/Icons/item/DescIcon3.tsx

@@ -6,8 +6,8 @@ interface DescIcon3Type {
 const DescIcon3 = ({ className, onClick }: DescIcon3Type) => {
   return (
     <svg
-      width="24"
-      height="24"
+      width="22"
+      height="22"
       viewBox="0 0 16 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"