feat(SW-184): added main components for new header

components/Header/MainMenu/Menu/index.tsx

@@ -0,0 +1,18 @@
+import MenuItem from "../MenuItem"
+import { MenuProps } from "./menu"
+
+import styles from "./menu.module.css"
+
+export default function Menu({ items }: MenuProps) {
+  function handleButtonClick() {}
+
+  return (
+    <ul className={styles.menu}>
+      {items.map((item) => (
+        <li key={item.id}>
+          <MenuItem item={item} />
+        </li>
+      ))}
+    </ul>
+  )
+}

components/Header/MainMenu/Menu/menu.module.css

@@ -0,0 +1,8 @@
+.menu {
+  list-style: none;
+  margin: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--Spacing-x4);
+}

components/Header/MainMenu/Menu/menu.ts

@@ -0,0 +1,5 @@
+import { MenuItem } from ".."
+
+export interface MenuProps {
+  items: MenuItem[]
+}