implement scheduled order type

src/pages/menu/components/CategoriesList/CategoriesList.module.css

@@ -119,7 +119,6 @@
   transform-origin: top center;
   gap: 0.5rem;
   padding: 0.5rem 1rem 1rem 1rem;
-  margin-bottom: 0.5rem;
   user-select: none;
 }
 

src/pages/menu/components/CategoriesList/CategoriesList.tsx

@@ -166,7 +166,6 @@ export function CategoriesList({ categories }: CategoriesListProps) {
         className={`${styles.categoriesContainer} ${
           isCategoriesSticky ? styles.categoriesSticky : ""
         }`}
-        style={!isCategoriesSticky ? { paddingTop: "1rem" } : {}}
         onMouseDown={handleMouseDown}
         onMouseMove={handleMouseMove}
         onMouseUp={handleMouseUp}

src/pages/menu/menu.module.css

@@ -669,4 +669,4 @@
   .navButton {
     display: none !important;
   }
-}
+}

src/pages/menu/page.tsx

@@ -101,7 +101,7 @@ function MenuPage() {
               <BackButton />
             </div>
             <div
-              className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer} menu-select-container`}
+              className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer}`}
             >
               <Select
                 value={orderType}
@@ -112,6 +112,7 @@ function MenuPage() {
                 variant="borderless"
                 size="small"
                 className={styles.orderTypeSelect}
+                classNames={{ popup: { root: "order-type-select-dropdown" } }}
                 listHeight={150}
               />
             </div>
@@ -138,7 +139,7 @@ function MenuPage() {
           </div>
 
           <div className={`${styles.pageContainer}`}>
-            <Space direction="vertical" style={{ width: "100%", gap: 16 }}>
+            <Space direction="vertical" style={{ width: "100%" }}>
               <div>
                 {restaurant?.loyalty_stamps &&
                   restaurant?.is_loyalty_enabled && <LoyaltyCard />}