feat(admin): added dashboard comp.

src/App.tsx

@@ -3,15 +3,16 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { ThemeProvider } from "@/contexts/ThemeContext";
 import { AnimatePresence } from "framer-motion";
 import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
-import Footer from "./components/Footer";
-import Navbar from "./components/Navbar";
+import ScrollToTop from "./components/ScrollToTop";
+import DashboardLayout from "./pages/admins/layout/DashboardLayout";
+import MainLayout from "./pages/admins/layout/MainLayout";
 import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
+import { PrivacyPolicy } from "./pages/PrivacyPolicy";
 import ProjectDetails from "./pages/ProjectDetails";
 import Projects from "./pages/Projects";
 import { QueryProvider } from "./provider/QueryProvider";
-import { PrivacyPolicy } from "./pages/PrivacyPolicy";
-import ScrollToTop from "./components/ScrollToTop";
+import OverviewPage from "./pages/admins/components/dashboards/OverviewPage";
 
 function AnimatedRoutes() {
   const location = useLocation();
@@ -19,14 +20,23 @@ function AnimatedRoutes() {
   return (
     <AnimatePresence mode="wait">
       <Routes location={location} key={location.pathname}>
-        <Route path="/" element={<Index />} />
-        <Route path="/projects" element={<Projects />} />
-        <Route path="/projects/:id" element={<ProjectDetails />} />
-        {/* <Route path="/blog" element={<Blog />} />
+        {/* main layouts */}
+        <Route element={<MainLayout />}>
+          <Route path="/" element={<Index />} />
+          <Route path="/projects" element={<Projects />} />
+          <Route path="/projects/:id" element={<ProjectDetails />} />
+          {/* <Route path="/blog" element={<Blog />} />
         <Route path="/blog/:id" element={<BlogArticle />} /> */}
-        {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
+          {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
+          <Route path="/privacy" element={<PrivacyPolicy />} />
+        </Route>
+        {/* dashboard layouts */}
+        <Route path="/dashboard" element={<DashboardLayout />}>
+          <Route index element={<OverviewPage />} />
+    {/* <Route path="users" element={<Users />} />
+    <Route path="settings" element={<Settings />} /> */}
+        </Route>
         <Route path="*" element={<NotFound />} />
-        <Route path="/privacy" element={<PrivacyPolicy />} />
       </Routes>
     </AnimatePresence>
   );
@@ -36,13 +46,11 @@ const App = () => (
   <QueryProvider>
     <ThemeProvider>
       <TooltipProvider>
-    
         <Sonner />
         <BrowserRouter>
-        <ScrollToTop/>
-          <Navbar />
+          <ScrollToTop />
+
           <AnimatedRoutes />
-          <Footer />
         </BrowserRouter>
       </TooltipProvider>
     </ThemeProvider>