Add transparency effects toggle to settings

interface/src/SettingsContext.tsx

@@ -23,6 +23,7 @@ export const SettingsContextProvider: React.FC<{ children: ReactNode }> = ({ chi
     betterSEQTAPlus: true,
     shortcuts: [],
     customshortcuts: [],
+    transparencyEffects: false,
   });
 
   const [showPicker, setShowPicker] = useState<boolean>(false);

interface/src/hooks/settingsState.ts

@@ -22,6 +22,7 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
         betterSEQTAPlus: result.onoff,
         shortcuts: result.shortcuts,
         customshortcuts: result.customshortcuts,
+        transparencyEffects: result.transparencyEffects
       });
       
       if (result.DarkMode) {
@@ -39,6 +40,7 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
     "onoff": "betterSEQTAPlus",
     "shortcuts": "shortcuts",
     "customshortcuts": "customshortcuts",
+    "transparencyEffects": "transparencyEffects"
   }), []);
   
   const storageChangeListener = (changes: chrome.storage.StorageChange) => {

interface/src/pages/Settings.tsx

@@ -53,11 +53,11 @@ const Settings: React.FC = () => {
       description: "Customise the sidebar layout.",
       modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] bg-blue-500 rounded-md'>Edit</button>
     },
-    /* {
+    {
       title: "Transparency Effects",
       description: "Enables transparency effects on certain elements such as blur. (May impact battery life)",
-      modifyElement: <Switch state={settingsState.betterSEQTAPlus} onChange={(isOn: boolean) => switchChange('betterSEQTAPlus', isOn)} />
-    }, */
+      modifyElement: <Switch state={settingsState.transparencyEffects} onChange={(isOn: boolean) => switchChange('transparencyEffects', isOn)} />
+    },
     {
       title: "BetterSEQTA+",
       description: "Enables BetterSEQTA+ features",

interface/src/types/AppProps.ts

@@ -7,6 +7,7 @@ export interface SettingsState {
   betterSEQTAPlus: boolean;
   shortcuts: Shortcut[];
   customshortcuts: CustomShortcut[];
+  transparencyEffects: boolean;
 }
 
 interface ToggleItem {
@@ -55,4 +56,5 @@ export interface MainConfig {
   selectedColor: string;
   shortcuts: Shortcut[];
   subjectfilters: Record<string, any>;
+  transparencyEffects: boolean;
 }