dashboard 형태의 UI 수정 및 고도화

src/routes.jsx

@@ -6,6 +6,7 @@ import {
     IconStock,
     IconTravel,
     IconLab,
+    IconTodo,
 } from './components/Icons';
 
 const Home = lazy(() => import('./pages/home/Home'));
@@ -15,12 +16,14 @@ const Travel = lazy(() => import('./pages/travel/Travel'));
 const Stock = lazy(() => import('./pages/stock/Stock'));
 const StockTrade = lazy(() => import('./pages/stock/StockTrade'));
 const EffectLab = lazy(() => import('./pages/effect-lab/EffectLab'));
+const Todo = lazy(() => import('./pages/todo/Todo'));
 
 export const navLinks = [
     {
         id: 'home',
         label: 'Home',
         path: '/',
+        subtitle: 'PERSONAL ARCHIVE',
         description: '첫 인상과 최신 업데이트를 모아둔 허브',
         icon: <IconHome />,
         accent: '#f7a8a5',
@@ -29,6 +32,7 @@ export const navLinks = [
         id: 'blog',
         label: 'Blog',
         path: '/blog',
+        subtitle: 'JOURNAL',
         description: '생각과 기록, 코드 스니펫을 모으는 공간',
         icon: <IconBlog />,
         accent: '#c084fc',
@@ -37,6 +41,7 @@ export const navLinks = [
         id: 'lotto',
         label: 'Lotto',
         path: '/lotto',
+        subtitle: 'PLAYGROUND',
         description: '숫자를 뽑고 통계를 확인하는 실험실',
         icon: <IconLotto />,
         accent: '#34d399',
@@ -45,6 +50,7 @@ export const navLinks = [
         id: 'stock',
         label: 'Stock',
         path: '/stock',
+        subtitle: '마켓 랩',
         description: '아침 시장 흐름을 확인하는 주식 연구실',
         icon: <IconStock />,
         accent: '#60a5fa',
@@ -53,6 +59,7 @@ export const navLinks = [
         id: 'travel',
         label: 'Travel',
         path: '/travel',
+        subtitle: 'VISUAL DIARY',
         description: '여행에서 담은 색과 장면을 전시하는 갤러리',
         icon: <IconTravel />,
         accent: '#fb923c',
@@ -61,10 +68,20 @@ export const navLinks = [
         id: 'lab',
         label: 'Lab',
         path: '/lab',
+        subtitle: 'STREAM',
         description: '실험적인 UI/UX 효과를 테스트하는 공간',
         icon: <IconLab />,
         accent: '#fbbf24',
     },
+    {
+        id: 'todo',
+        label: 'Todo',
+        path: '/todo',
+        subtitle: 'TASK BOARD',
+        description: '할 일을 관리하는 태스크 보드',
+        icon: <IconTodo />,
+        accent: '#f472b6',
+    },
 ];
 
 export const appRoutes = [
@@ -96,4 +113,8 @@ export const appRoutes = [
         path: 'lab',
         element: <EffectLab />,
     },
+    {
+        path: 'todo',
+        element: <Todo />,
+    },
 ];