Sign out user on 404 during user data fetch

Updates useUserData hook to sign out the user and redirect to the homepage if the user data fetch returns a 404 status. This helps handle cases where the user no longer exists in the system.

Author: ChinemeremChigbo

hooks/useUserData.ts

@@ -1,6 +1,6 @@
 import { getSelectedYearAbsences } from '@utils/getSelectedYearAbsences';
 import { Role, UserData } from '@utils/types';
-import { useSession } from 'next-auth/react';
+import { signOut, useSession } from 'next-auth/react';
 import { useCallback, useEffect, useState } from 'react';
 
 interface UseUserDataReturn extends UserData {
@@ -28,7 +28,14 @@ export const useUserData = (): UseUserDataReturn & {
         const res = await fetch(
           `/api/users/${session.user.id}?getAbsences=true`
         );
-        if (!res.ok) throw new Error('Failed to fetch user');
+        if (!res.ok) {
+          if (res.status === 404) {
+            await signOut({ callbackUrl: '/' });
+            return;
+          }
+
+          throw new Error(`Failed to fetch user: ${res.status}`);
+        }
         const user = await res.json();
 
         const today = new Date();