fix: 웹 QA 대응 240823 (#32)

* fix: Add app download link

* fix: Fix back button routing

* fix: Fix weather description text

* fix: Image disable drag

* fix: Disable no open slope

* fix: Update resort order and name

* feat: Add vote daily limit

* fix: Update metadata

src/app/(web)/layout.tsx

@@ -1,7 +1,10 @@
 'use client';
 
 import Image from 'next/image';
+import Link from 'next/link';
 import { GoogleAnalytics } from 'nextjs-google-analytics';
+import { useCallback } from 'react';
+import { toast } from 'sonner';
 import left from '@public/downloads/left.png';
 import android from '@public/downloads/right-android.png';
 import ios from '@public/downloads/right-ios.png';
@@ -10,6 +13,10 @@ import { cn } from '@/shared/lib';
 import { SnowConfetti } from '@/shared/ui/snow-confetti';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const handleAndroid = useCallback(() => {
+    toast.error('준비중입니다.');
+  }, []);
+
   return (
     <>
       <GoogleAnalytics trackPageViews />
@@ -20,11 +27,11 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         )}
       >
         <div className={cn('hidden lg:block')}>
-          <Image src={left} alt="left" width={270} height={320} />
+          <Image src={left} alt="left" width={270} height={320} draggable={false} />
         </div>
         <div
           className={cn(
-            'h-screen w-full max-w-[670px] overflow-scroll bg-opacity-65 bg-[url("/assets/background.png")]'
+            'h-screen w-full max-w-[670px] overflow-scroll scrollbar-hide bg-opacity-65 bg-[url("/assets/background.png")]'
           )}
         >
           {children}
@@ -34,10 +41,17 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             'hidden h-[320px] w-[270px] flex-col items-center justify-center gap-[34px] lg:flex'
           )}
         >
-          <Image src={text} alt="text" width={194} />
+          <Image src={text} alt="text" width={194} draggable={false} />
           <div className={cn('flex w-[200px] justify-between')}>
-            <Image src={ios} alt="ios" width={95} />
-            <Image src={android} alt="android" width={95} />
+            <Link
+              href="https://apps.apple.com/kr/app/weski-%EC%8A%A4%ED%82%A4%EC%9E%A5-%ED%81%90%EB%A0%88%EC%9D%B4%EC%85%98-%ED%94%8C%EB%9E%AB%ED%8F%BC/id6642660900"
+              target="_blank"
+            >
+              <Image src={ios} alt="ios" width={95} draggable={false} />
+            </Link>
+            <button onClick={handleAndroid}>
+            <Image src={android} alt="android" width={95} draggable={false} />
+            </button>
           </div>
         </div>
       </div>

src/app/layout.tsx

@@ -1,23 +1,31 @@
 import '@/app/globals.css';
 
 import type { Metadata } from 'next';
+import { DiscoveryData } from '@/entities/discovery';
 import KakaoScript from '@/shared/lib/kakao-script';
 import { Toaster } from '@/shared/ui/toaster';
 import Providers from './_providers';
+
+export async function generateMetadata(
+  { params }: {params: { id: string }}
+): Promise<Metadata> {
+  const id = params?.id 
+  const resort = DiscoveryData.find((resort) => resort.id === +id)
 
-export const metadata: Metadata = {
-  title: 'WeSki : 스키장 혼잡도 확인 서비스',
-  description:
-    '위스키는 웹캠, 날씨, 슬로프 등 실시간 스키장 정보를 탐색할 수 있는 스키장 큐레이션 서비스입니다.',
-  openGraph: {
-    images: [
-      {
-        url: '/assets/og.png',
-        alt: 'WeSki',
-      },
-    ],
-  },
-};
+  return {
+    title: resort ? `${resort.name} - WeSki` : 'WeSki : 스키장 혼잡도 확인 서비스',
+    description:
+    resort ? `${resort.name}의 실시간 정보를 확인해보세요.` : '위스키는 웹캠, 날씨, 슬로프 등 실시간 스키장 정보를 탐색할 수 있는 스키장 큐레이션 서비스입니다.',
+    openGraph: {
+      images: [
+        {
+          url: '/assets/og.png',
+          alt: 'WeSki',
+        },
+      ],
+    },
+  }
+}
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (