enhance headerFloatingBtn styles

src/pages/menu/menu.module.css

@@ -430,9 +430,9 @@
   position: absolute;
   z-index: 999;
   top: 70px;
-
-  background-color: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  opacity: 0.9;
+  background: #aaa8a833;
+  backdrop-filter: blur(40px);
 }
 
 .backButtonContainer {
@@ -449,6 +449,9 @@
   width: 95%;
   margin-left: 5%;
   margin-right: 5%;
+  border-radius: 60px;
+  box-shadow: none;
+  color: #fff !important;
 }
 
 .searchButtonContainer {
@@ -689,3 +692,11 @@
 :global(.ant-app-rtl) .logoContainerIcon {
   right: -10px !important;
 }
+
+:global(.ant-select-selection-item) {
+  color: #fff !important;
+}
+
+:global(.ant-select-arrow) {
+  color: #fff !important;
+}

src/pages/menu/page.tsx

@@ -104,6 +104,7 @@ function MenuPage() {
                 className={styles.orderTypeSelect}
                 classNames={{ popup: { root: "order-type-select-dropdown" } }}
                 listHeight={150}
+                disabled
               />
             </div>
             <SearchButton />