Refactor code structure and remove redundant changes

src-old/pages/ForceLogout.tsx

@@ -0,0 +1,55 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { supabase } from "@/lib/supabaseClient";
+import { authStorage } from "@/lib/authStorage";
+import { useDocumentTitle } from '@/hooks/useDocumentTitle';
+import { handleError } from '@/lib/errorHandler';
+
+/**
+ * ForceLogout - Hidden endpoint for completely clearing auth session
+ * Access via: /force-logout
+ * Not linked anywhere in the UI - for manual navigation only
+ */
+const ForceLogout = () => {
+  useDocumentTitle('Signing Out');
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const performFullLogout = async () => {
+      try {
+        // 1. Sign out from Supabase
+        await supabase.auth.signOut();
+        
+        // 2. Clear all auth-related storage
+        authStorage.clearAll();
+        
+        // 3. Brief delay to ensure cleanup completes
+        await new Promise(resolve => setTimeout(resolve, 500));
+        
+        // 4. Redirect to home page
+        navigate('/', { replace: true });
+      } catch (error) {
+        handleError(error, {
+          action: 'Force logout',
+          metadata: { operation: 'forceLogout' }
+        });
+        // Still redirect even if there's an error
+        navigate('/', { replace: true });
+      }
+    };
+
+    performFullLogout();
+  }, [navigate]);
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-background">
+      <div className="text-center space-y-4">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto"></div>
+        <p className="text-lg text-muted-foreground">Clearing session...</p>
+        <p className="text-sm text-muted-foreground">You will be redirected shortly.</p>
+      </div>
+    </div>
+  );
+};
+
+export default ForceLogout;