fix(web): dark mode text color fixes

fixes #544

web/src/components/Switch.jsx

@@ -14,7 +14,11 @@ export default function Switch({ checked, label, id, onChange }) {
     <label for={id} className="flex items-center cursor-pointer">
       <div className="relative">
         <input id={id} type="checkbox" className="hidden" onChange={handleChange} checked={checked} />
-        <div className="toggle__line w-12 h-6 bg-gray-400 rounded-full shadow-inner" />
+        <div
+          className={`transition-colors toggle__line w-12 h-6 ${
+            !checked ? 'bg-gray-400' : 'bg-blue-400'
+          } rounded-full shadow-inner`}
+        />
         <div
           className="transition-transform absolute w-6 h-6 bg-white rounded-full shadow-md inset-y-0 left-0"
           style={checked ? 'transform: translateX(100%);' : 'transform: translateX(0%);'}