Update navigation and dashboard layout

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 705f2157-ef97-4fbd-89e4-8c7f2ecaea90
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7ed01c5f-a82d-405a-b728-b2e3d127c60c/ae7c1a78-07ae-45b0-b28b-0a60b2295200.jpg

client/src/App.tsx

@@ -44,6 +44,7 @@ export default function App() {
               <ProtectedRoute path="/settings" component={SettingsPage} />
               <ProtectedRoute path="/user-management" component={UserManagementPage} />
               <ProtectedRoute path="/sites" component={SitesPage} />
+              <ProtectedRoute path="/reporting/dashboards" component={DashboardPage} />
               <Route>
                 <NotFound />
               </Route>

client/src/layouts/dashboard-layout.tsx

@@ -31,6 +31,8 @@ import {
   Filter,
   ClipboardList,
   Building2,
+  BarChart3,
+  LineChart,
 } from "lucide-react";
 import { useMobile } from "@/hooks/use-mobile";
 import { useToast } from "@/hooks/use-toast";
@@ -60,6 +62,12 @@ const menuSections: MenuSection[] = [
       { title: "Sites & Subnets", path: "/sites", icon: <Building2 className="h-4 w-4" /> },
     ],
   },
+  {
+    title: "Reporting",
+    items: [
+      { title: "Custom Dashboards", path: "/reporting/dashboards", icon: <BarChart3 className="h-4 w-4" /> },
+    ],
+  },
   {
     title: "Administration",
     items: [

client/src/pages/dashboard-page.tsx

@@ -378,35 +378,15 @@ export default function DashboardPage() {
     <div className="container mx-auto py-6">
       <div className="flex justify-between items-center mb-6">
         <div className="flex items-center gap-4">
-          <div className="flex space-x-2">
-            <Button 
-              variant="outline" 
-              size="sm" 
-              onClick={() => setLocation("/users")}
-              className="text-xs"
-            >
-              <ArrowLeft className="h-3 w-3 mr-1" />
-              Users
-            </Button>
-            <Button 
-              variant="outline" 
-              size="sm" 
-              onClick={() => setLocation("/groups")}
-              className="text-xs"
-            >
-              <ArrowLeft className="h-3 w-3 mr-1" />
-              Groups
-            </Button>
-            <Button 
-              variant="outline" 
-              size="sm" 
-              onClick={() => setLocation("/computers")}
-              className="text-xs"
-            >
-              <ArrowLeft className="h-3 w-3 mr-1" />
-              Computers
-            </Button>
-          </div>
+          <Button 
+            variant="outline" 
+            size="sm" 
+            onClick={() => window.history.back()}
+            className="mr-2"
+          >
+            <ArrowLeft className="h-4 w-4 mr-2" />
+            Back
+          </Button>
           <h1 className="text-3xl font-bold">Dashboards</h1>
         </div>
         <div className="flex gap-2">