Developed UI components and forms in the frontend

backend/frontend/src/App.tsx

@@ -1,4 +1,5 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+// import { QueryClient, QueryClientProvider } from 'react-query';
 import { HashRouter as Router, Route, Routes } from 'react-router-dom';
 
 import HomePage from './pages/HomePage';
@@ -7,6 +8,7 @@ import CreateSubrabbitPage from './pages/CreateSubrabbitPage';
 import SubrabbitDetailPage from './pages/SubrabbitDetailPage';
 import CreatePostPage from './pages/CreatePostPage';
 import PostDetailPage from './pages/PostDetailPage';
+import SettingsPage from './pages/SettingsPage';
 
 import AuthenticationModal from './components/AuthenticationModal';
 import Navbar from './components/Navbar';
@@ -26,6 +28,7 @@ function App() {
               <Route path="/r/:slug" element={<SubrabbitDetailPage />} />
               <Route path="/r/:slug/submit" element={<CreatePostPage />} />
               <Route path="/r/:slug/post/:id" element={<PostDetailPage />} />
+              <Route path="/settings" element={<SettingsPage />} />
             </Routes>
         </Router>
         <AuthenticationModal />