fix(frontend): onBoarding issue (#2374)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/lib/context/OnboardingProvider/Onboarding-provider.tsx

@@ -20,8 +20,10 @@ export const OnboardingProvider = ({
   const { userIdentityData } = useUserData();
 
   useEffect(() => {
-    setIsOnboardingModalOpened(!!userIdentityData?.onboarded);
+    if (userIdentityData) {
-  }, []);
+      setIsOnboardingModalOpened(!userIdentityData.onboarded);
+    }
+  }, [userIdentityData]);
 
   return (
     <OnboardingContext.Provider

frontend/lib/hooks/useUserData.ts

@@ -2,9 +2,16 @@ import { useQuery } from "@tanstack/react-query";
 
 import { USER_DATA_KEY, USER_IDENTITY_DATA_KEY } from "../api/user/config";
 import { useUserApi } from "../api/user/useUserApi";
+import { UserIdentity } from "../api/user/user";
+import { UserStats } from "../types/User";
+
+type UseUserDataProps = {
+  userData: UserStats | undefined;
+  userIdentityData: UserIdentity | undefined;
+};
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const useUserData = () => {
+export const useUserData = (): UseUserDataProps => {
   const { getUser } = useUserApi();
   const { getUserIdentity } = useUserApi();