fix(SW-2210): Checking for session inside MyPagesMenu to sync session state

apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { useSession } from "next-auth/react"
 import { useIntl } from "react-intl"
 
 import { MembershipLevelEnum } from "@/constants/membershipLevels"
@@ -7,6 +8,7 @@ import { trpc } from "@/lib/trpc/client"
 
 import LoginButton from "@/components/LoginButton"
 import useLang from "@/hooks/useLang"
+import { isValidClientSession } from "@/utils/clientSession"
 
 import Avatar from "../Avatar"
 import MyPagesMenu, { MyPagesMenuSkeleton } from "../MyPagesMenu"
@@ -20,6 +22,9 @@ export default function MyPagesMenuWrapper() {
   const intl = useIntl()
   const lang = useLang()
 
+  const { data: session } = useSession()
+  const isUserLoggedIn = isValidClientSession(session)
+
   const { data: user, isLoading: isLoadingUser } = trpc.user.name.useQuery()
   const { data: membership, isLoading: isLoadingMembership } =
     trpc.user.safeMembershipLevel.useQuery()
@@ -41,7 +46,7 @@ export default function MyPagesMenuWrapper() {
 
   return (
     <>
-      {user ? (
+      {isUserLoggedIn && user ? (
         <>
           <MyPagesMenu
             membershipLevel={membershipLevel ?? null}