Merge pull request #22 from codeit9-temporary/feature/Header

Style: 시맨틱 태그 변경 및 Profile 이미지 svg로 변경

Author: venise5224

components/HeaderMenu.tsx

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import Profile from "@/public/icons/profile.png";
+import Profile from "@/public/icons/profile.svg";
 import Star from "@/public/icons/star.png";
 import Link from "next/link";
 import Button from "./Button";

components/Layout/Header.tsx

@@ -5,19 +5,17 @@ import HeaderMenu from "../HeaderMenu";
 
 const Header = () => {
   return (
-    <div>
-      <div className="bg-gray100 py-[13px] px-[32px] md:py-[33px] md:px-[200px]">
-        <div className="flex justify-between items-center max-w-[1520px]">
-          <Link
-            href={"/"}
-            className="w-[88.67px] h-[16px] md:w-[133px] md:h-[24px]"
-          >
-            <Image src={Logo} width={133} height={24} alt="로고" />
-          </Link>
-          <HeaderMenu />
-        </div>
+    <header className="bg-gray100 py-[13px] px-[32px] md:py-[33px] md:px-[200px]">
+      <div className="flex justify-between items-center max-w-[1520px]">
+        <Link
+          href={"/"}
+          className="w-[88.67px] h-[16px] md:w-[133px] md:h-[24px]"
+        >
+          <Image src={Logo} width={133} height={24} alt="로고" />
+        </Link>
+        <HeaderMenu />
       </div>
-    </div>
+    </header>
   );
 };