refactor: import snap sidebar config from JSON for automated sync

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rishavmukherji

src/lib/nav-config.ts

@@ -1,3 +1,5 @@
+import snapSidebar from "./snap-sidebar.json";
+
 export type NavLink = {
   text: string;
   link: string;
@@ -637,43 +639,7 @@ export const SECTIONS: SectionConfig[] = [
     text: "Snap",
     link: "/snap/",
     pathPrefix: "/snap",
-    sidebar: [
-      {
-        text: "Learn",
-        items: [
-          { text: "Introduction", link: "/snap/" },
-          { text: "Examples", link: "/snap/examples" },
-        ],
-      },
-      {
-        text: "Create",
-        items: [{ text: "Building a Snap", link: "/snap/building" }],
-      },
-      {
-        text: "Integrate",
-        items: [
-          { text: "On existing website", link: "/snap/existing-site" },
-        ],
-      },
-      {
-        text: "Reference",
-        items: [
-          { text: "Elements", link: "/snap/elements" },
-          { text: "Buttons", link: "/snap/buttons" },
-          { text: "Actions", link: "/snap/actions" },
-          { text: "Effects", link: "/snap/effects" },
-          { text: "Constraints", link: "/snap/constraints" },
-          { text: "Theme & Styling", link: "/snap/theme" },
-          { text: "Color Palette", link: "/snap/colors" },
-          { text: "Authentication", link: "/snap/auth" },
-          { text: "Data Store", link: "/snap/data-store" },
-        ],
-      },
-      {
-        text: "Agents",
-        items: [{ text: "Agents", link: "/snap/agents" }],
-      },
-    ],
+    sidebar: snapSidebar as SidebarItem[],
   },
 ];
 

src/lib/snap-sidebar.json

@@ -0,0 +1,37 @@
+[
+  {
+    "text": "Learn",
+    "items": [
+      { "text": "Introduction", "link": "/snap/" },
+      { "text": "Examples", "link": "/snap/examples" }
+    ]
+  },
+  {
+    "text": "Create",
+    "items": [{ "text": "Building a Snap", "link": "/snap/building" }]
+  },
+  {
+    "text": "Integrate",
+    "items": [
+      { "text": "On existing website", "link": "/snap/existing-site" }
+    ]
+  },
+  {
+    "text": "Reference",
+    "items": [
+      { "text": "Elements", "link": "/snap/elements" },
+      { "text": "Buttons", "link": "/snap/buttons" },
+      { "text": "Actions", "link": "/snap/actions" },
+      { "text": "Effects", "link": "/snap/effects" },
+      { "text": "Constraints", "link": "/snap/constraints" },
+      { "text": "Theme & Styling", "link": "/snap/theme" },
+      { "text": "Color Palette", "link": "/snap/colors" },
+      { "text": "Authentication", "link": "/snap/auth" },
+      { "text": "Data Store", "link": "/snap/data-store" }
+    ]
+  },
+  {
+    "text": "Agents",
+    "items": [{ "text": "Agents", "link": "/snap/agents" }]
+  }
+]