UI 디자인 대대적으로 대시보드 형태의 전문적인 느낌으로 재구성

src/routes.jsx

@@ -1,4 +1,12 @@
 import React, { lazy } from 'react';
+import {
+    IconHome,
+    IconBlog,
+    IconLotto,
+    IconStock,
+    IconTravel,
+    IconLab,
+} from './components/Icons';
 
 const Home = lazy(() => import('./pages/home/Home'));
 const Blog = lazy(() => import('./pages/blog/Blog'));
@@ -14,36 +22,48 @@ export const navLinks = [
         label: 'Home',
         path: '/',
         description: '첫 인상과 최신 업데이트를 모아둔 허브',
+        icon: <IconHome />,
+        accent: '#f7a8a5',
     },
     {
         id: 'blog',
         label: 'Blog',
         path: '/blog',
         description: '생각과 기록, 코드 스니펫을 모으는 공간',
+        icon: <IconBlog />,
+        accent: '#c084fc',
     },
     {
         id: 'lotto',
         label: 'Lotto',
         path: '/lotto',
         description: '숫자를 뽑고 통계를 확인하는 실험실',
+        icon: <IconLotto />,
+        accent: '#34d399',
     },
     {
         id: 'stock',
         label: 'Stock',
         path: '/stock',
         description: '아침 시장 흐름을 확인하는 주식 연구실',
+        icon: <IconStock />,
+        accent: '#60a5fa',
     },
     {
         id: 'travel',
         label: 'Travel',
         path: '/travel',
         description: '여행에서 담은 색과 장면을 전시하는 갤러리',
+        icon: <IconTravel />,
+        accent: '#fb923c',
     },
     {
         id: 'lab',
         label: 'Lab',
         path: '/lab',
         description: '실험적인 UI/UX 효과를 테스트하는 공간',
+        icon: <IconLab />,
+        accent: '#fbbf24',
     },
 ];