Fix settings validation and session errors

src/components/settings/SecurityTab.tsx

@@ -146,19 +146,30 @@ export function SecurityTab() {
   const fetchSessions = async () => {
     if (!user) return;
     
-    const { data, error } = await supabase.rpc('get_my_sessions');
+    setLoadingSessions(true);
     
-    if (error) {
+    try {
+      const { data, error } = await supabase.rpc('get_my_sessions');
+      
+      if (error) {
+        throw error;
+      }
+      
+      setSessions((data as AuthSession[]) || []);
+    } catch (error) {
       logger.error('Failed to fetch sessions', {
         userId: user.id,
         action: 'fetch_sessions',
-        error: error.message
+        error: error instanceof Error ? error.message : String(error)
       });
-      handleError(error, { action: 'Load sessions', userId: user.id });
-    } else {
-      setSessions((data as AuthSession[]) || []);
+      handleError(error, {
+        action: 'Load active sessions',
+        userId: user.id
+      });
+      setSessions([]);
+    } finally {
+      setLoadingSessions(false);
     }
-    setLoadingSessions(false);
   };
 
   const initiateSessionRevoke = async (sessionId: string) => {