web: mobile improvements

- all buttons now reflect that they're pressed or hovered
- settings feel way better on mobile
- settings header has been completely remade

web/src/components/buttons/SettingsCheckbox.svelte

@@ -52,10 +52,10 @@
         flex-direction: row;
         align-items: center;
         gap: 12px;
-
         justify-content: start;
         text-align: left;
         transform: none;
+        padding: 6px 12px;
     }
 
     .checkbox-text {