add quick town selection and category selection from homescreen with localstorage!

src/assets/index.css

@@ -24,6 +24,11 @@
     --color-input: #bcc0cc;
     --color-ring: #1e66f5;
     --radius: 0.5rem;
+    --popover: 220 23% 95%;
+    --popover-foreground: 234 16% 35%;
+    /* Fallback colors for older browsers */
+    --fallback-background: #ffffff;
+    --fallback-popover: #f5f5f5;
   }
 
   .dark {
@@ -47,6 +52,11 @@
     --color-border: #363a4f;
     --color-input: #363a4f;
     --color-ring: #8aadf4;
+    --popover: 240 21% 15%;
+    --popover-foreground: 226 64% 88%;
+    /* Fallback colors for older browsers */
+    --fallback-background: #1e1e2e;
+    --fallback-popover: #313244;
   }
 
   * {
@@ -147,3 +157,9 @@
   /*   --color-input: hsl(24 10% 51%); /* fg4 */ */
   /*   --color-ring: hsl(6 93% 59%); /* red */ */
   /* } */
+
+@supports not (backdrop-filter: blur(1px)) {
+  .select-content {
+    background-color: var(--fallback-background) !important;
+  }
+}