added all pages placeholders

src/App.tsx

@@ -1,4 +1,4 @@
-import { BrowserRouter as Router, Routes, Route, Outlet, useLocation, useNavigate } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route, Outlet, useLocation, useNavigate } from "react-router-dom";
 import {useEffect, useState } from "react";
 
 import { ToastContainer } from "react-toastify";
@@ -10,14 +10,20 @@ import {
 
 import { AuthProvider } from "./auth/auth-provider"
 import ping from "./auth/ping";
+import useAuth from "./auth/auth";
 
 import Login from "./pages/login/login"
 import Register from "./pages/register/register"
 
 import Home from "./pages/home/home"
 import Dashboard from "./pages/dashboard/dashboard"
+import Users from "./pages/users/users";
+import Groups from "./pages/groups/groups";
+import Feeds from "./pages/feeds/feeds";
+import Pictures from "./pages/pictures/pictures";
+
+import Account from "./pages/acccount/account";
 import Settings from "./pages/settings/settings"
-import useAuth from './auth/auth';
 
 
 const PrivateRoute = () => {
@@ -78,9 +84,15 @@ function App() {
           <Route path="/register" element={<Register />} />
 
           <Route element={<PrivateRoute />}>
-            <Route path='/' element={<Home />} />
-            <Route path='/dashboard' element={<Dashboard />} />
-            <Route path='/settings' element={<Settings />} />
+            <Route path="/" element={<Home />} />
+            <Route path="/dashboard" element={<Dashboard />} />
+            <Route path="/users" element={<Users />} />
+            <Route path="/groups" element={<Groups />} />
+            <Route path="/feeds" element={<Feeds />} />
+            <Route path="/pictures" element={<Pictures />} />
+
+            <Route path="/account" element={<Account />} />
+            <Route path="/settings" element={<Settings />} />
           </Route>
 
           <Route path="*" element={<h1 className="not-found">404 [#]<br/>Not Found</h1>} />