feat: 앱 다운로드 헤더 추가

apps/web/src/app/phrase-web/[phraseId]/page.tsx

@@ -1,5 +1,6 @@
 import { Metadata, ResolvingMetadata } from "next";
 import { apis } from "~/apis";
+import AppDownloadHeader from "~/components/app-download-header";
 import AppDownloadModal from "~/components/app-download-modal";
 import AppFooter from "~/components/app-footer";
 import GoAppCard from "~/components/go-app-card";
@@ -25,6 +26,7 @@ export default async function PhraseWebPage({
 
   return (
     <main className="pb-[90px]">
+      {/* <AppDownloadHeader /> */}
       <PhraseContent phrase={phrase} />
       <Separator />
       {/* <PhraseWebGoogleAd /> */}

apps/web/src/components/app-download-header.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { useAppDownloadModalStore } from "./app-download-modal";
+import { Close, Logo } from "./ui/icons";
+
+const AppDownloadHeader = () => {
+  const { open } = useAppDownloadModalStore();
+
+  return (
+    <div className="flex justify-between items-center bg-[#2C2C2C] px-[20px] py-[15px]">
+      <div className="flex justify-center items-center gap-[12px]">
+        <Close width={20} height={20} />
+        <Logo />
+        <div className="flex flex-col justify-center items-start">
+          <span className="text-[#ffffff] text-[16px] font-bold leading-[20px]">
+            매일글귀
+          </span>
+          <span className="text-[#ffffff] text-[14px] font-medium leading-[20px]">
+            나를 위한 명언과 글귀
+          </span>
+        </div>
+      </div>
+      <button
+        type="button"
+        className="bg-[#00B998] px-[16px] py-[8px] rounded-[8px]"
+        onClick={open}
+      >
+        <span className="text-[#ffffff] text-[16px] font-medium leading-[24px] text-center">
+          다운로드
+        </span>
+      </button>
+    </div>
+  );
+};
+
+export default AppDownloadHeader;

apps/web/src/components/ui/icons.tsx

@@ -100,7 +100,7 @@ export function Close({ width, height, ...rest }: SVGProps<SVGSVGElement>) {
     <svg
       width={newWidth}
       height={newHeight}
-      viewBox={`0 0 ${newWidth} ${newHeight}`}
+      viewBox="0 0 28 28"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...rest}