Switch to "colorSchemes" from "palette" API in mui theme

"colorSchemes" is the preferred api starting from mui v6

src/lib/mui/MuiStyles.types.d.ts

@@ -0,0 +1,15 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import '@mui/material/styles';
+
+declare module '@mui/material/styles' {
+    interface CssThemeVariables {
+        enabled: true;
+    }
+}

src/lib/storage/AppStorage.ts

@@ -26,7 +26,9 @@ export class Storage {
         return this.parseValue(this.getItem(key), defaultValue);
     }
 
-    setItem(key: string, value: unknown, emitEvent: boolean = true): void {
+    setItem(key: string, value: unknown, emitEvent: boolean = true, stringify: boolean = true): void {
+        const currentValue = this.getItem(key);
+
         const fireEvent = (valueToStore: string | undefined) => {
             if (!emitEvent) {
                 return;
@@ -35,7 +37,7 @@ export class Storage {
             window.dispatchEvent(
                 new StorageEvent('storage', {
                     key,
-                    oldValue: this.getItem(key),
+                    oldValue: currentValue,
                     newValue: valueToStore,
                 }),
             );
@@ -47,10 +49,10 @@ export class Storage {
             return;
         }
 
-        const valueToStore = JSON.stringify(value);
+        const valueToStore = stringify ? JSON.stringify(value) : value;
 
-        this.storage.setItem(key, valueToStore);
-        fireEvent(valueToStore);
+        this.storage.setItem(key, valueToStore as string);
+        fireEvent(valueToStore as string);
     }
 }