fix(client): cursor on privacy settings (freeCodeCamp#57915)

Author: moT01

client/src/components/settings/toggle-radio-setting.tsx

@@ -40,7 +40,7 @@ export default function ToggleRadioSetting({
         {explain ? <p id={`desc${flagName}`}>{explain}</p> : null}
       </div>
       <div className='toggle-radio-group'>
-        <label htmlFor={firstRadioId}>
+        <label className={!flag ? 'not-checked' : ''} htmlFor={firstRadioId}>
           <input
             id={firstRadioId}
             type='radio'
@@ -52,7 +52,7 @@ export default function ToggleRadioSetting({
           <span className='custom-circle'></span>
           <span>{onLabel}</span>
         </label>
-        <label htmlFor={secondRadioId}>
+        <label className={flag ? 'not-checked' : ''} htmlFor={secondRadioId}>
           <input
             id={secondRadioId}
             type='radio'

client/src/components/settings/toggle-setting.css

@@ -75,6 +75,10 @@
   margin-inline-start: 2rem;
 }
 
+.toggle-radio-group label.not-checked {
+  cursor: pointer;
+}
+
 .toggle-radio-group input {
   position: absolute;
   left: -9999px;