Add SMTP admin settings and contact form delivery

lib/root-navigation.ts

@@ -3,6 +3,7 @@ import {
   Globe2,
   ImageIcon,
   LayoutDashboard,
+  Mail,
   PlusSquare,
   ShieldAlert,
   SwatchBook,
@@ -17,6 +18,8 @@ type RootNavigationCopy = {
   portfolio: string;
   media: string;
   siteSettings: string;
+  smtp?: string;
+  contactProtection?: string;
 };
 
 export type RootNavItem = {
@@ -30,7 +33,8 @@ export type RootNavItem = {
 
 export function getRootNavigation(
   copy: RootNavigationCopy,
-  active: "overview" | "maintenance" | "ui-kit" | "portfolio" | "media" | "site-settings",
+  active: "overview" | "maintenance" | "ui-kit" | "portfolio" | "media" | "site-settings" | "smtp",
+  smtpChild?: "settings" | "contact-protection",
   portfolioChild?: "overview" | "projects" | "new-project" | "categories",
 ): RootNavItem[] {
   return [
@@ -64,6 +68,27 @@ export function getRootNavigation(
       icon: Globe2,
       active: active === "site-settings",
     },
+    {
+      label: copy.smtp ?? "SMTP",
+      href: "/root/smtp",
+      icon: Mail,
+      active: active === "smtp" && !smtpChild,
+      expanded: active === "smtp",
+      children: [
+        {
+          label: copy.smtp ?? "SMTP",
+          href: "/root/smtp",
+          icon: Mail,
+          active: smtpChild === "settings" || (!smtpChild && active === "smtp"),
+        },
+        {
+          label: copy.contactProtection ?? "Contact Protection",
+          href: "/root/smtp/contact-protection",
+          icon: ShieldAlert,
+          active: smtpChild === "contact-protection",
+        },
+      ],
+    },
     {
       label: copy.portfolio,
       href: "/root/portfolio",