dark theme fixes

src/pages/cart/components/TableNumberCard.tsx

@@ -57,8 +57,8 @@ export default function TableNumberCard() {
           style={{ position: "relative", top: -5 }}
         >
           <Select
-            value={tables}
-            mode="multiple"
+            value={tables[0]}
+            // mode="multiple"
             placeholder={
               orderType === OrderType.DineIn
                 ? t("cart.tableNumber")
@@ -76,7 +76,7 @@ export default function TableNumberCard() {
             }}
             onChange={(value) => {
               console.log(value);
-              dispatch(updateTables(value));
+              dispatch(updateTables([value as string]));
             }}
             onClear={() => {
               dispatch(removeTable());