chore: improve switch experience

src/components/Switch.tsx

@@ -21,7 +21,12 @@ export default function Switch({
         <div className="peer h-6 w-11 rounded-full border bg-slate-200 after:absolute after:left-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:ring-green-300"></div>
       </label>
 
-      <span className="ml-3 text-gray-900 text-sm">{text}</span>
+      <span
+        className="ml-3 text-gray-900 text-sm cursor-default"
+        onClick={onChange}
+      >
+        {text}
+      </span>
     </div>
   );
 }