Fixed the problems delete the branch revert ASAP

app/components/settings/PrivacySettings.tsx

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+// PrivacySettings.tsx
+import React from 'react';
 
 interface PrivacySettingsProps {
   selectedOption: string; // The currently selected option
@@ -7,42 +8,39 @@ interface PrivacySettingsProps {
 }
 
 const PrivacySettings: React.FC<PrivacySettingsProps> = ({ selectedOption, handleRadioChange, openSourceMode }) => {
-  
-  // Set default option based on openSourceMode if no option is selected
-  useEffect(() => {
-    if (!selectedOption) {
-      handleRadioChange(openSourceMode ? 'Offline (FOSS)' : 'None');
-    }
-  }, [selectedOption, handleRadioChange, openSourceMode]);
-
-  // Define your options
-  const options = [
-    { value: 'Online', label: 'Online' },
-    { value: 'Offline', label: 'Offline' },
-    { value: 'None', label: 'None' },
-    { value: 'Offline (FOSS)', label: 'Offline (FOSS)' },
-    { value: 'Online (FOSS)', label: 'Online (FOSS)' },
-    { value: 'None (FOSS)', label: 'None (FOSS)' },
-  ];
-
   return (
-    <div className="settings-option">
-      <p>Select Privacy Mode:</p>
-      {options.map((option) => (
-        <div key={option.value}>
-          <label>
-            <input
-              type="radio"
-              value={option.value}
-              checked={selectedOption === option.value}
-              onChange={() => handleRadioChange(option.value)}
-              disabled={openSourceMode && !option.label.includes('(FOSS)') && selectedOption !== option.value} // Disable non-FOSS options if FOSS is selected
-            />
-            {option.label}
-          </label>
+    <>
+      {/* AI Mode Radio Options */}
+      <div className="settings-option">
+        <p>Disable Options:</p>
+        <div className="slider">
+          {/* Offline */}
+          <div
+            className={`slider-option ${selectedOption === 'Offline' ? 'active' : ''}`}
+            onClick={() => handleRadioChange('Offline')} // Allow selection only if not in open-source mode
+          >
+            Offline tools{openSourceMode ? ' (FOSS)' : ''}
+          </div>
+
+          {/* Online */}
+          <div
+            className={`slider-option ${selectedOption === 'Online' ? 'active' : ''}`}
+            onClick={() => handleRadioChange('Online')}
+          >
+            Online tools{openSourceMode ? ' (FOSS)' : ''}
+          </div>
+
+          {/* None */}
+          <div
+            className={`slider-option ${selectedOption === 'None' ? 'active' : ''}`}
+            onClick={() => handleRadioChange('None')}
+          >
+            None{openSourceMode ? ' (FOSS)' : ''}
+          </div>
         </div>
-      ))}
-    </div>
+        <br />
+      </div>
+    </>
   );
 };