feat: 탭 기반 페이지별 라우팅 적용

Author: skyblue1232

src/pages/_app.tsx

@@ -1,7 +1,13 @@
 import '@/styles/globals.css';
 import '@/shared/icons';
 import type { AppProps } from 'next/app';
+import { BottomNav } from '@/shared/components/tab/BottomNav';
 
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+  return (
+    <>
+      <Component {...pageProps} />
+      <BottomNav />
+    </>
+  );
 }

src/pages/chatbot/index.tsx

@@ -0,0 +1,7 @@
+export default function ChatBotPage() {
+  return (
+    <div className="flex items-center justify-center min-h-screen text-mint-700 text-2xl font-semibold">
+      ChatBot Page
+    </div>
+  );
+}

src/pages/events/index.tsx

@@ -0,0 +1,7 @@
+export default function EventsPage() {
+  return (
+    <div className="flex items-center justify-center min-h-screen text-mint-700 text-2xl font-semibold">
+      Events Page
+    </div>
+  );
+}

src/pages/home/index.tsx

@@ -0,0 +1,7 @@
+export default function HomePage() {
+  return (
+    <div className="flex items-center justify-center min-h-screen text-mint-700 text-2xl font-semibold">
+      Home Page
+    </div>
+  );
+}

src/pages/mypage/index.tsx

@@ -0,0 +1,7 @@
+export default function MyPage() {
+  return (
+    <div className="flex items-center justify-center min-h-screen text-mint-700 text-2xl font-semibold">
+      MyPage
+    </div>
+  );
+}

src/pages/route/index.tsx

@@ -0,0 +1,7 @@
+export default function RoutePage() {
+  return (
+    <div className="flex items-center justify-center min-h-screen text-mint-700 text-2xl font-semibold">
+      Route Page
+    </div>
+  );
+}

src/shared/lib/utils.ts

@@ -5,26 +5,26 @@ const twMerge = extendTailwindMerge({
   extend: {
     theme: {
       text: [
-        'text-display-lg',
-        'text-display-md',
-        'text-display-sm',
-        'text-headline-lg',
-        'text-headline-md',
-        'text-headline-sm',
-        'text-title-lg',
-        'text-title-md',
-        'text-title-sm',
-        'text-label-lg',
-        'text-label-md',
-        'text-label-sm',
-        'text-body-lg',
-        'text-body-md',
-        'text-body-sm',
-        'text-display-serif',
-        'text-headline-lg-serif',
-        'text-headline-md-serif',
-        'text-headline-sm-serif',
-        'text-label-serif',
+        'display-lg',
+        'display-md',
+        'display-sm',
+        'headline-lg',
+        'headline-md',
+        'headline-sm',
+        'title-lg',
+        'title-md',
+        'title-sm',
+        'label-lg',
+        'label-md',
+        'label-sm',
+        'body-lg',
+        'body-md',
+        'body-sm',
+        'display-serif',
+        'headline-lg-serif',
+        'headline-md-serif',
+        'headline-sm-serif',
+        'label-serif',
       ],
 
       color: [