feat(marketing): add ZeroTier Network Governance page and content

Add comprehensive marketing content for ZeroTier Network Governance feature
including a dedicated landing page, navigation updates, and feature highlights
across the homepage and features page.

- Add new ZeroTierPage with feature documentation and use cases
- Add ZeroTier to navigation in MarketingLayout header and footer
- Update HomePage hero headline and add ZeroTier feature section
- Add ZeroTier features section to FeaturesPage
- Add ScrollToTop component for better navigation UX
- Move ApiDevTools to AuthenticatedLayout (dev mode only)
- Add SSR tests for marketing pages
- Update SSHCertificatesPage comparison table for clarity
- Add documentation link to MarketingLayout footer

src/components/layouts/AuthenticatedLayout.tsx

@@ -2,6 +2,7 @@ import { Outlet } from "react-router-dom";
 import { SidebarProvider } from "@/components/ui/sidebar";
 import { AppSidebar } from "@/components/navigation/AppSidebar";
 import { TopBar } from "@/components/navigation/TopBar";
+import ApiDevTools from "@/components/dev/ApiDevTools";
 
 export default function AuthenticatedLayout() {
   return (
@@ -15,6 +16,7 @@ export default function AuthenticatedLayout() {
           </main>
         </div>
       </div>
+      {import.meta.env.DEV && <ApiDevTools />}
     </SidebarProvider>
   );
 }

src/components/layouts/MarketingLayout.tsx

@@ -14,11 +14,12 @@ X
 import { useState } from "react";
 
 const navigation = [
-{ name: "Features", href: "/features" },
-{ name: "Security", href: "/security" },
-{ name: "SSH Certificates", href: "/ssh-certificates" },
-{ name: "Pricing", href: "/pricing" },
-{ name: "Demo", href: "/demo" },
+  { name: "Features", href: "/features" },
+  { name: "Security", href: "/security" },
+  { name: "SSH Certificates", href: "/ssh-certificates" },
+  { name: "ZeroTier", href: "/zerotier" },
+  { name: "Pricing", href: "/pricing" },
+  { name: "Demo", href: "/demo" },
 ];
 
 export default function MarketingLayout() {
@@ -143,6 +144,7 @@ return (
             <li><Link to="/features" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Features</Link></li>
             <li><Link to="/security" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Security</Link></li>
             <li><Link to="/ssh-certificates" className="text-sm text-muted-foreground hover:text-foreground transition-colors">SSH Certificates</Link></li>
+            <li><Link to="/zerotier" className="text-sm text-muted-foreground hover:text-foreground transition-colors">ZeroTier</Link></li>
             <li><Link to="/pricing" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Pricing</Link></li>
           </ul>
         </div>
@@ -152,7 +154,7 @@ return (
           <h3 className="text-sm font-semibold text-foreground mb-3">Resources</h3>
           <ul className="space-y-2">
             <li><Link to="/demo" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Demo</Link></li>
-            <li><a href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Documentation</a></li>
+            <li><a href="https://docs.secuird.tech/" target="_blank" rel="noopener noreferrer" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Documentation</a></li>
             <li><a href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">API Reference</a></li>
             <li><a href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Status</a></li>
           </ul>