feat: add Discord webhook configuration support to forms and create dedicated admin settings page

components/admin-sidebar.tsx

@@ -15,7 +15,7 @@ import {
   SidebarHeader,
   SidebarFooter,
 } from "@/components/ui/sidebar";
-import { LayoutDashboard, ClipboardList, ArrowLeft } from "lucide-react";
+import { LayoutDashboard, ClipboardList, ArrowLeft, Webhook } from "lucide-react";
 
 export function AdminSidebar() {
   const pathname = usePathname();
@@ -50,6 +50,15 @@ export function AdminSidebar() {
                   </Link>
                 </SidebarMenuButton>
               </SidebarMenuItem>
+
+              <SidebarMenuItem>
+                <SidebarMenuButton asChild isActive={pathname.startsWith("/form/admin/extra")}>
+                  <Link href="/form/admin/extra">
+                    <Webhook className="w-4 h-4" />
+                    <span>Extra</span>
+                  </Link>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
             </SidebarMenu>
           </SidebarGroupContent>
         </SidebarGroup>