fix: loyalty levels fetch in rsc for mobile menu

fix: get loyalty level in rsc

fix: typo

components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -1,3 +1,4 @@
+import { MembershipLevelEnum } from "@/constants/membershipLevels"
 import { myPages } from "@/constants/routes/myPages"
 import { serverClient } from "@/lib/trpc/server"
 
@@ -20,16 +21,24 @@ export default async function MyPagesMenuWrapper() {
     serverClient().user.safeMembershipLevel(),
   ])
 
+  const membershipLevel = membership?.membershipLevel
+    ? await serverClient().contentstack.loyaltyLevels.byLevel({
+        level: MembershipLevelEnum[membership.membershipLevel],
+      })
+    : null
+
   return (
     <>
       {user ? (
         <>
           <MyPagesMenu
+            membershipLevel={membershipLevel}
             membership={membership}
             navigation={myPagesNavigation}
             user={user}
           />
           <MyPagesMobileMenu
+            membershipLevel={membershipLevel}
             membership={membership}
             navigation={myPagesNavigation}
             user={user}