Refactor code structure for improved readability and maintainability

Author: TechyCSR

frontend/src/App.jsx

@@ -6,6 +6,7 @@ import { setAuthTokenGetter } from './utils/api';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';
 import HomePage from './pages/HomePage';
+import DocsPage from './pages/DocsPage';
 import DashboardLayout from './pages/DashboardLayout';
 import DashboardOverview from './pages/DashboardOverview';
 import ApiKeysPage from './pages/ApiKeysPage';
@@ -87,6 +88,18 @@ function App() {
           }
         />
 
+        {/* Docs Route - Public */}
+        <Route
+          path="/docs"
+          element={
+            <>
+              <Navbar />
+              <DocsPage />
+              <Footer />
+            </>
+          }
+        />
+
         {/* Auth Routes */}
         <Route
           path="/sign-in/*"