PR fixes

components/Header/MainMenu/MobileMenuWrapper/index.tsx

@@ -1,9 +1,8 @@
-"use server"
 import { serverClient } from "@/lib/trpc/server"
 
 import MobileMenu from "../MobileMenu"
 
-export default async function MobileMenuServer({}) {
+export default async function MobileMenuServer() {
   const [languages, headerData] = await Promise.all([
     serverClient().contentstack.languageSwitcher.get(),
     serverClient().contentstack.base.header(),

components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -1,4 +1,3 @@
-"use server"
 import { Link } from "react-feather"
 
 import { myPages } from "@/constants/routes/myPages"
@@ -13,7 +12,7 @@ import MyPagesMobileMenu from "../MyPagesMobileMenu"
 
 import styles from "../mainMenu.module.css"
 
-export default async function MyPagesMenuServer({}) {
+export default async function MyPagesMenuServer() {
   const lang = getLang()
   const [intl, myPagesNavigation, user, membership] = await Promise.all([
     getIntl(),

components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx

@@ -1,4 +1,8 @@
 "use client"
+import { z } from "zod"
+
+import { getHeaderSchema } from "@/server/routers/contentstack/base/output"
+
 import NavigationMenuItem from "../NavigationMenuItem"
 
 import styles from "../navigationMenu.module.css"
@@ -8,13 +12,13 @@ export default function NavigationMenuList({
   items,
 }: {
   isMobile: boolean
-  items: any
+  items: z.infer<typeof getHeaderSchema>["menuItems"]
 }) {
   return (
     <ul
       className={`${styles.navigationMenu} ${isMobile ? styles.mobile : styles.desktop}`}
     >
-      {items.map((item: any) => (
+      {items.map((item) => (
         <li key={item.title} className={styles.item}>
           <NavigationMenuItem isMobile={isMobile} item={item} />
         </li>

components/Header/MainMenu/index.tsx

@@ -5,15 +5,13 @@ import Image from "@/components/Image"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
-import MobileMenuServer from "./MobileMenuServer"
-import MyPagesMenuServer from "./MyPagesMenuServer"
+import MobileMenuServer from "./MobileMenuWrapper"
+import MyPagesMenuServer from "./MyPagesMenuWrapper"
 import NavigationMenu from "./NavigationMenu"
 
 import styles from "./mainMenu.module.css"
 
-import type { MainMenuProps } from "@/types/components/header/mainMenu"
-
-export default async function MainMenu({}: MainMenuProps) {
+export default async function MainMenu() {
   const lang = getLang()
 
   const intl = await getIntl()