Fix for earlier implemented 404 page not rendering due to mismatch in theme structure in localstorage and cookies (#1055)

Author: aravind33b

src/utils/storage.ts

@@ -10,20 +10,44 @@ export class StorageManager<T> {
   set(value: T): void {
     const valueToSet = JSON.stringify(value)
     Cookies.set(this.key, valueToSet, { expires: 365 })
+    // sync with localStorage
+    localStorage.setItem('theme', value as string)
   }
 
   get(): T | undefined {
-    const value = Cookies.get(this.key)
+    // 1. Try cookie first
+    const cookieValue = Cookies.get(this.key)
+    if (cookieValue) {
+      try {
+        console.log("cookie", Cookies.get())
+        console.log("cookieValue", cookieValue)
+        console.log("lsValue", localStorage)
+        return JSON.parse(cookieValue)
+      } catch {
+        return cookieValue as unknown as T
+      }
+    }
 
-    if (value) {
-      return JSON.parse(value)
+    // 2. Fallback to localStorage
+    const lsValue = localStorage.getItem('theme')
+    if (lsValue) {
+      try {
+        const parsed = JSON.parse(lsValue)
+        this.set(parsed as T)
+        console.log("lsValue", lsValue)
+        return parsed
+      } catch {
+        this.set(lsValue as unknown as T)
+        return lsValue as unknown as T
+      }
     }
 
     return undefined
   }
 
   remove(): void {
     Cookies.remove(this.key)
+    localStorage.removeItem('theme')
   }
 }