styles enhancements

src/pages/menu/page.tsx

@@ -1,5 +1,5 @@
 import { StarFilled } from "@ant-design/icons";
-import { Image, Space, Select } from "antd";
+import { Image, Select, Space } from "antd";
 import { FloatingButton } from "components/FloatingButton/FloatingButton";
 import ImageWithFallback from "components/ImageWithFallback";
 import LoyaltyCard from "components/LoyaltyCard/LoyaltyCard";
@@ -8,6 +8,7 @@ import ProTitle from "components/ProTitle";
 import { useScrollHandler } from "contexts/ScrollHandlerContext";
 import useBreakPoint from "hooks/useBreakPoint";
 import { useRestaurant } from "hooks/useRestaurant";
+import { OrderType } from "pages/checkout/hooks/types.ts";
 import { useTranslation } from "react-i18next";
 import { useParams, useSearchParams } from "react-router-dom";
 import {
@@ -16,6 +17,7 @@ import {
 } from "redux/api/others";
 import { useAppSelector } from "redux/hooks";
 import { default_image } from "utils/constants";
+import { enumToSelectOptions } from "utils/helpers/helperFunctions.ts";
 import BackButton from "./components/BackButton";
 import { CartButton } from "./components/CartButton/CartButton";
 import { CategoriesList } from "./components/CategoriesList/CategoriesList";
@@ -26,11 +28,10 @@ import MenuSkeleton from "./components/MenuSkeleton/MenuSkeleton";
 import ScrollEventHandler from "./components/ScrollEventHandler";
 import SearchButton from "./components/SearchButton";
 import styles from "./menu.module.css";
-import { enumToSelectOptions } from "utils/helpers/helperFunctions.ts";
-import { OrderType } from "pages/checkout/hooks/types.ts";
 
 function MenuPage() {
   const { id } = useParams();
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_, setSearchParams] = useSearchParams();
   const { isRTL } = useAppSelector((state) => state.locale);
   const { orderType } = useAppSelector((state) => state.order);
@@ -100,7 +101,7 @@ function MenuPage() {
               <BackButton />
             </div>
             <div
-              className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer}`}
+              className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer} menu-select-container`}
             >
               <Select
                 value={orderType}