feat: 투표 도메인에 layout를 통한 헤더 적용

apps/jurumarble/src/app/vote/[id]/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import Header from "components/Header";
 import styled, { css } from "styled-components";
 import VoteWriterBox from "./components/VoteWriterBox";
 import { ExImg1 } from "public/images";
@@ -29,6 +28,7 @@ import VoteSmallSelectFilter from "./components/VoteSmallSelectFilter";
 
 function Detail() {
   const params = useParams();
+
   const [filter, setFilter] = useState({
     age: "",
     mbti: "",
@@ -103,7 +103,6 @@ function Detail() {
   } = originalStatistics;
   return (
     <Container>
-      <Header />
       <VoteWriterBox
         writer={{
           nickName: postedUserNickname,

apps/jurumarble/src/app/vote/layout.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import Header from "components/Header";
+import Path from "lib/Path";
+import { usePathname, useRouter } from "next/navigation";
+import { PropsWithChildren } from "react";
+import { Button } from "components/button";
+import VoteHeader from "components/VoteHeader";
+import styled, { css } from "styled-components";
+import { SvgIcPrevious } from "src/assets/icons/components";
+
+export default function Layout({ children }: PropsWithChildren) {
+  const pathname = usePathname();
+  const router = useRouter();
+
+  return (
+    <>
+      {pathname === Path.VOTE_HOME ? (
+        <Header />
+      ) : (
+        <VoteHeader
+          leftButton={
+            <PreviousButton onClick={() => router.back()}>
+              <SvgIcPrevious width={24} height={24} />
+            </PreviousButton>
+          }
+        >
+          상세페이지
+        </VoteHeader>
+      )}
+      {children}
+    </>
+  );
+}
+
+const PreviousButton = styled(Button)`
+  ${({ theme }) => css`
+    margin-left: 20px;
+    background-color: ${theme.colors.white};
+  `}
+`;

apps/jurumarble/src/app/vote/page.tsx

@@ -2,7 +2,6 @@
 
 import BottomBar from "components/BottomBar";
 import { Button } from "components/button";
-import Header from "components/Header";
 import { media } from "lib/styles";
 import { useRouter, useSearchParams } from "next/navigation";
 import SvgIcDetail from "src/assets/icons/components/IcDetail";
@@ -92,7 +91,6 @@ function VoteHomePage() {
         <ScrollImage onClick={onScrollBottom}>
           <Image src={ImgScroll} alt="스크롤" width={60} height={64} />
         </ScrollImage>
-        <Header />
         <AskVoteBox>
           <AskVoteText>
             여행에서 즐길 우리술은