fix(ui): improve theme selector dismissal behavior on mobile

frontend/input.css

@@ -8,4 +8,11 @@
     body {
         @apply min-h-[100dvh] w-full overflow-hidden bg-base-100 text-base-content overscroll-y-none;
     }
+}
+
+/* Fix for iOS click/blur events */
+@media (hover: none) {
+    body {
+        cursor: pointer;
+    }
 }

frontend/public/tailwind.css

@@ -2388,13 +2388,19 @@
 }
 @layer base {
   html, body {
-    height: 100%;
+    min-height: 100dvh;
     width: 100%;
     overflow: hidden;
+    overscroll-behavior-y: none;
     background-color: var(--color-base-100);
     color: var(--color-base-content);
   }
 }
+@media (hover: none) {
+  body {
+    cursor: pointer;
+  }
+}
 @layer base {
   :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
     color-scheme: light;

frontend/src/components/layout/statusbar.rs

@@ -52,6 +52,11 @@ pub fn StatusBar() -> impl IntoView {
                                                         }
                                                     }
                                                 }
+
+                                                // Close the dropdown by blurring the active element
+                                                if let Some(active) = doc.active_element() {
+                                                    let _ = active.blur();
+                                                }
                                             }
                                         >
                                             {theme}