feat: sync design of header with current web

components/Current/Header/MainMenu/index.tsx

@@ -1,8 +1,6 @@
 "use client"
-import { useParams } from "next/navigation"
 import { useState } from "react"
 
-import { Lang } from "@/constants/languages"
 import { login } from "@/constants/routes/handleAuth"
 import { myPages } from "@/constants/routes/myPages"
 import { _ } from "@/lib/translation"

components/Current/Header/MainMenu/mainMenu.module.css

@@ -329,6 +329,7 @@
   }
   .navBar {
     grid-template-columns: 140px auto 1fr;
+    height: 82.4px;
   }
 
   .logoLink {

components/Current/Header/TopMenu/topMenu.module.css

@@ -67,7 +67,17 @@
   .link {
     padding-top: 4px;
     padding-bottom: 4px;
-    font-weight: 300;
+  }
+
+  .loginContainer {
+    margin-left: 10px;
+    background-color: #f3f2f1;
+  }
+
+  .loginLink {
+    padding-left: 30px;
+    padding-right: 30px;
+    color: #000;
   }
 
   .loginContainer {

server/routers/contentstack/config/input.ts

@@ -0,0 +1,9 @@
+import z from "zod"
+
+import { Lang } from "@/constants/languages"
+
+export const headerInput = z
+  .object({
+    lang: z.nativeEnum(Lang),
+  })
+  .optional()