Add Features (#17)

Co-authored-by: Jeongyeon Lee <jylee05@snu.ac.kr>

Author: h-seo-n

.vscode/settings.json

@@ -7,5 +7,8 @@
     "quickfix.biome": "explicit",
     "source.fixAll.biome": "explicit",
     "source.organizeImports.biome": "explicit"
+  },
+  "files.watcherExclude": {
+    "**/target": true
   }
 }

src/App.tsx

@@ -1,25 +1,31 @@
 import { Route, BrowserRouter as Router, Routes } from 'react-router-dom';
+import CreateProfile from './components/CreateProfile';
 import Home from './components/Home';
 import Login from './components/Login';
 import MyPage from './components/MyPage';
 import Signup from './components/Signup';
 import Topbar from './components/Topbar';
+
 import { AuthProvider } from './contexts/AuthContext';
 import { PostProvider } from './contexts/PostContext';
+import { ProfileContextProvider } from './contexts/ProfileContext';
 
 const App = () => (
   <Router>
     <AuthProvider>
       <PostProvider>
-        <Topbar />
-        <main>
-          <Routes>
-            <Route path="/" element={<Home />} />
-            <Route path="/login" element={<Login />} />
-            <Route path="/signup" element={<Signup />} />
-            <Route path="/mypage" element={<MyPage />} />
-          </Routes>
-        </main>
+        <ProfileContextProvider>
+          <Topbar />
+          <main>
+            <Routes>
+              <Route path="/" element={<Home />} />
+              <Route path="/login" element={<Login />} />
+              <Route path="/signup" element={<Signup />} />
+              <Route path="/mypage" element={<MyPage />} />
+              <Route path="/mypage/profile/new" element={<CreateProfile />} />
+            </Routes>
+          </main>
+        </ProfileContextProvider>
       </PostProvider>
     </AuthProvider>
   </Router>

src/components/Bookmark.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { FaBookmark } from 'react-icons/fa6';
-import styles from '../Bookmark.module.css';
 import { usePosts } from '../contexts/PostContext';
-import type { Post } from '../types/types';
+import styles from '../styles/Bookmark.module.css';
+import type { Post } from '../types';
 
 const Bookmark = () => {
   const { bookmarkedPosts, getBookmark, isLoading } = usePosts();