Update API documentation and UI to improve clarity and add role-based access control.

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/994ee92d-6a6d-4ca4-99c0-fe0dbc7f160b.jpg

client/src/layouts/dashboard-layout.tsx

@@ -160,22 +160,21 @@ export function DashboardLayout({ children, title, description }: DashboardLayou
         } ${isMobile ? "absolute" : "relative"}`}
       >
         <div className="h-16 flex items-center px-4 border-b">
-          <Link href="/">
-            <a className="font-medium text-lg text-primary">AD Management API</a>
+          <Link href="/" className="font-medium text-lg text-primary">
+            AD Management API
           </Link>
         </div>
 
         <div className="overflow-y-auto h-[calc(100%-64px)]">
           <div className="px-2 pt-4">
-            <Link href="/">
-              <a
-                className={`drawer-item px-4 py-2 flex items-center space-x-3 rounded cursor-pointer ${
-                  location === "/" ? "active" : ""
-                }`}
-              >
-                <Home className="h-4 w-4" />
-                <span>Dashboard</span>
-              </a>
+            <Link 
+              href="/"
+              className={`drawer-item px-4 py-2 flex items-center space-x-3 rounded cursor-pointer ${
+                location === "/" ? "active" : ""
+              }`}
+            >
+              <Home className="h-4 w-4" />
+              <span>Dashboard</span>
             </Link>
 
             {menuSections.map((section, idx) => (
@@ -185,15 +184,15 @@ export function DashboardLayout({ children, title, description }: DashboardLayou
                 </div>
 
                 {section.items.map((item, itemIdx) => (
-                  <Link href={item.path} key={itemIdx}>
-                    <a
-                      className={`drawer-item px-4 py-2 flex items-center space-x-3 rounded cursor-pointer ${
-                        location === item.path ? "active" : ""
-                      }`}
-                    >
-                      {item.icon}
-                      <span>{item.title}</span>
-                    </a>
+                  <Link 
+                    href={item.path} 
+                    key={itemIdx}
+                    className={`drawer-item px-4 py-2 flex items-center space-x-3 rounded cursor-pointer ${
+                      location === item.path ? "active" : ""
+                    }`}
+                  >
+                    {item.icon}
+                    <span>{item.title}</span>
                   </Link>
                 ))}
               </div>