Helmet description 필수 prop 으로 변경 및 각 페이지 description 설정

Author: kubrickcode

src/frontend/src/core/helmet/helmet.tsx

@@ -2,7 +2,7 @@ import { Helmet as ReactHelmet } from "react-helmet-async";
 
 export type HelmetProps = {
   title: string;
-  description?: string;
+  description: string;
 };
 
 export const Helmet = ({

src/frontend/src/core/page/page.tsx

@@ -7,7 +7,7 @@ import { PageLoader } from "../loader";
 
 export type PageProps = StackProps & {
   title: string;
-  description?: string;
+  description: string;
 };
 
 export const Page = ({

src/frontend/src/pages/admin/admin-page.tsx

@@ -50,7 +50,10 @@ export const AdminPage = () => {
   ];
 
   return (
-    <Page title="관리자 페이지">
+    <Page
+      description="로스트아크 컨텐츠 데이터 관리를 위한 관리자 전용 페이지입니다."
+      title="관리자 페이지"
+    >
       <Tabs panels={tabPanels} />
     </Page>
   );

src/frontend/src/pages/content-reward-list/content-reward-list-page.tsx

@@ -18,7 +18,10 @@ export const ContentRewardListPage = () => {
   ];
 
   return (
-    <Page title="컨텐츠별 보상">
+    <Page
+      description="로스트아크 각 컨텐츠별 보상 정보를 상세히 확인할 수 있습니다. 레이드, 가디언 토벌, 쿠르잔 전선 등의 보상을 표와 차트로 비교 분석하세요."
+      title="컨텐츠별 보상"
+    >
       <Tabs panels={tabPanels} />
     </Page>
   );

src/frontend/src/pages/content-wage-list/content-wage-list-page.tsx

@@ -18,7 +18,10 @@ export const ContentWageListPage = () => {
   ];
 
   return (
-    <Page title="컨텐츠별 시급">
+    <Page
+      description="로스트아크 각 컨텐츠별 시급을 계산하고 비교하여 유저들이 즐기는 컨텐츠의 현실 재화 가치를 인사이트로 제공합니다. 컨텐츠의 시간당, 클리어당 수익을 한눈에 확인하세요."
+      title="컨텐츠별 시급"
+    >
       <Tabs panels={tabPanels} />
     </Page>
   );

src/frontend/src/pages/item-price-list/item-price-list-page.tsx

@@ -23,7 +23,10 @@ export const ItemPriceListPage = () => {
   ];
 
   return (
-    <Page title="아이템 시세">
+    <Page
+      description="로스트아크 실시간 아이템 시세 정보를 제공합니다. 거래소 아이템, 경매장 아이템의 최신 가격을 확인하고 시장 동향을 파악하세요."
+      title="아이템 시세"
+    >
       <Tabs panels={tabPanels} />
     </Page>
   );

src/frontend/src/pages/not-found-page/not-found-page.tsx

@@ -4,7 +4,10 @@ import { Page } from "~/core/page";
 
 export const NotFoundPage = () => {
   return (
-    <Page title="404 Not Found">
+    <Page
+      description="요청하신 페이지를 찾을 수 없습니다. 홈페이지로 돌아가서 원하는 정보를 찾아보세요."
+      title="404 Not Found"
+    >
       <Center h="75vh" my="auto">
         존재하지 않는 페이지입니다.
       </Center>