feat(leads): Lead Creation Phase 1 — page shell, section framework, mock data

- CreateLeadPage.jsx: full page shell with Quick Capture / Full Form toggle, Barlow Condensed header, breadcrumb nav, GSAP progress bar stub, mobile sticky save footer
- LeadSectionWrapper.jsx: collapsible section component with Framer Motion height animation, spring chevron rotation, completion dot, dual light/dark header design matching GlassPanel language
- 5 sections wired up: Contact (blue), Property (emerald), Job Details (amber), Insurance (violet), Assignment (cyan) — Quick Capture shows first 3, Full Form shows all 5
- Section indicator pills in header dim gracefully when hidden in Quick Capture mode
- LEAD_FORM_OPTIONS added to mockStore: lead types, sources, work types, trade types, urgency/priority levels, insurance companies, claim statuses, phone/email types, US states
- Route /emp/fa/leads/new added (FIELD_AGENT, ADMIN, OWNER)
- New Lead nav item added to sidebar for all 3 roles

src/components/Layout.jsx

@@ -5,7 +5,7 @@ import { useTheme } from '../context/ThemeContext';
 import {
     LayoutDashboard, Map, Calendar, LogOut, User, Home, MessageSquare,
     ChevronLeft, ChevronRight, Sun, Moon, Trophy, Users, Briefcase,
-    FileText, Menu, X, Calculator
+    FileText, Menu, X, Calculator, PlusCircle
 } from 'lucide-react';
 
 import PageTransition from './PageTransition';
@@ -137,10 +137,11 @@ const Layout = () => {
                     { to: "/owner/snapshot", icon: LayoutDashboard, label: "Owners Box" },
                     { to: "/admin/dashboard", icon: LayoutDashboard, label: "Dashboard" },
                     { to: "/owner/projects", icon: Briefcase, label: "Projects" },
+                    { to: "/emp/fa/leads/new", icon: PlusCircle, label: "New Lead" },
                     { to: "/owner/maps", icon: Map, label: "Territory Map" },
                     {
                         to: "/owner/pro-canvas",
-                        icon: LayoutDashboard, // Placeholder icon, maybe change later
+                        icon: LayoutDashboard,
                         label: <span><span className="text-[#fda913]">Pro</span>Canvas</span>
                     },
                     { to: "/owner/estimate", icon: Calculator, label: "Estimate Builder" },
@@ -153,6 +154,7 @@ const Layout = () => {
                     { to: "/admin/dashboard", icon: LayoutDashboard, label: "Dashboard" },
                     { to: "/admin/schedule", icon: Calendar, label: "Schedule" },
                     { to: "/admin/leaderboard", icon: Trophy, label: "Leaderboard" },
+                    { to: "/emp/fa/leads/new", icon: PlusCircle, label: "New Lead" },
                     { to: "/admin/maps", icon: Map, label: "Territory Map" },
                     {
                         to: "/admin/pro-canvas",
@@ -179,6 +181,7 @@ const Layout = () => {
                 return [
                     { to: "/emp/fa/dashboard", icon: LayoutDashboard, label: "Dashboard" },
                     { to: "/emp/fa/maps", icon: Map, label: "My Map" },
+                    { to: "/emp/fa/leads/new", icon: PlusCircle, label: "New Lead" },
                     {
                         to: "/emp/fa/pro-canvas",
                         icon: LayoutDashboard,