feat: 로그인 버튼 제거 및 시작페이지 버튼을 이용해서 로그인 혹은 북마크 페이지로 가도록 수정

Author: gs0428

apps/www/src/app/(with-header)/page.tsx

@@ -1,4 +1,5 @@
-import GetStart from "@/components/landing/get-start";
+import Link from "next/link";
+
 import SampleGraph from "@/components/landing/sample-graph";
 
 export default function LandingPage() {
@@ -16,7 +17,26 @@ export default function LandingPage() {
             </p>
           </div>
         </div>
-        <GetStart />
+        <div className="hidden flex-1 space-y-7 md:block">
+          <div className="space-y-2 text-end">
+            <Link href="/bookmarks" className="text-2xl">
+              시작페이지
+            </Link>
+            <p className="text-sm text-gray7">
+              북마크 정보와 관리된 노드들을 볼 수 있는 페이지 입니다
+            </p>
+          </div>
+          <div className="space-y-2 text-end">
+            <Link
+              className="text-2xl"
+              href="https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko"
+              target="_blank"
+            >
+              크롬 익스텐션 다운로드
+            </Link>
+            <p className="text-sm text-gray7">크롬 익스텐션을 다운 받을 수 있는 곳 입니다</p>
+          </div>
+        </div>
       </section>
       <SampleGraph />
     </main>

apps/www/src/app/(with-header)/trending/page.tsx

@@ -4,7 +4,7 @@ import { getTrendKeywords } from "@/service/keyword";
 export default async function TrendPage() {
   const { result } = await getTrendKeywords();
 
-  const keywords: Keyword[] = result.mostUsedKeywordList
+  const keywords: Keyword[] = result?.mostUsedKeywordList
     .sort((a, b) => b.usedCnt - a.usedCnt)
     .map((item, idx) => ({
       word: item.keywordName,
@@ -16,7 +16,7 @@ export default async function TrendPage() {
     <main className="max-w-with-header flex min-h-body flex-1 flex-col gap-2.5 px-10">
       <h1 className="text-3xl font-semibold text-white">트렌드 키워드</h1>
       <h2 className="mb-10 text-gray7">많이 검색되는 키워드를 살펴보세요.</h2>
-      <WordCloud keywords={keywords} />
+      <WordCloud keywords={keywords || []} />
     </main>
   );
 }

apps/www/src/components/landing/get-start/index.tsx

@@ -2,13 +2,8 @@ import Image from "next/image";
 import Link from "next/link";
 
 import logo from "@/assets/icons/logo.svg";
-import { getCookie } from "@/utils/cookies";
-
-import LoginButton from "./login-button";
 
 const Header = async () => {
-  const token = await getCookie("accessToken");
-
   return (
     <header className="flex justify-between px-10 py-6 text-white">
       <Link href="/" className="flex items-center gap-2">
@@ -18,7 +13,6 @@ const Header = async () => {
       <div className="flex items-center gap-6">
         <Link href="/trending">Trending</Link>
         <Link href="/history">History</Link>
-        <LoginButton token={token?.value || ""} />
       </div>
     </header>
   );