feat: comprehensive frontend polish - UI/UX improvements across all pages

Public Pages:
- Landing page with server/client split and metadata export
- Cart page with ARIA accessibility and loading states
- Checkout page with form accessibility and proper design system
- Contact page with SEO metadata and improved accessibility
- Pricing page with enhanced FAQ accessibility
- Login page with Suspense boundaries and secure patterns

Brand Storefronts:
- Premium loading skeletons for Tuxedo and Indian River Direct
- Branded error boundaries with animations
- Loading.tsx for about, contact, FAQ, stops pages
- Error.tsx for all storefront subpages

Admin Dashboard:
- AdminSidebar: ARIA labels, keyboard navigation, mobile improvements
- DashboardClient: Stats cards, quick actions, usage progress
- Admin layout: Toast provider integration

Admin Orders/Products/Stops:
- Toast notification system with auto-dismiss
- Skeleton loading components (Table, Card, Stats, Form)
- Bulk actions (mark picked up, publish stops)
- Form validation with error styling

Admin Communications:
- AnalyticsDashboard: sparklines, stat cards, engagement badges
- CampaignComposerPage: step wizard, template selection, email preview
- SegmentBuilderPage: empty state, active segment handling
- ContactListPanel: loading skeletons, professional empty states
- MessageLogPanel: stats cards, engagement indicators
- HarvestReachNav: branded tab navigation
- All pages: metadata exports and loading.tsx

Admin Settings:
- SquareSyncSettingsClient: design system colors, save/cancel UX
- ShippingSettingsForm: validation, dirty state tracking
- Integrations page: proper layout with AI and communications sections
- Billing: improved plan comparison, add-on cards
- PaymentSettings: toggle components, validation

Wholesale Portal:
- Portal: loading skeletons, quantity stepper, search/filter
- Login/Register: FormField validation, success states
- Success/Cancel pages: animated checkmarks
- Employee portal: skeletons, empty states, mobile responsive

Water Log:
- FieldClient: loading step, progress indicator, spinner
- AdminClient: loading skeletons
- Admin pages: loading.tsx files

New Components:
- Toast.tsx/ToastContainer.tsx: comprehensive notification system
- Skeleton.tsx: shimmer loading components
- AdminToggle.tsx: consistent toggle/switch
- CommunicationsLoading.tsx: loading skeleton for comms
- ToastExport.ts: exports

CSS Improvements:
- Shimmer animation keyframes
- Toast slide-in animation

Accessibility:
- ARIA labels throughout
- Keyboard navigation
- Focus states
- Semantic HTML
- Screen reader support

src/app/admin/layout.tsx

@@ -3,31 +3,66 @@ import AdminAccessDenied from "@/components/admin/AdminAccessDenied";
 import { getAdminUser } from "@/lib/admin-permissions";
 import { redirect } from "next/navigation";
 import "@/styles/admin-design-system.css";
+import { ToastProvider } from "@/components/admin/Toast";
+import { ToastContainer } from "@/components/admin/ToastContainer";
+
+// Toast provider wrapper component
+function ToastProviderWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <ToastProvider>
+      {children}
+      <ToastContainer />
+    </ToastProvider>
+  );
+}
 
 export default async function AdminLayout({ children }: { children: React.ReactNode }) {
-  const adminUser = await getAdminUser();
+  let adminUser = null;
+  let authError: string | null = null;
 
-  if (!adminUser) {
+  // Robust auth with try-catch to prevent crashes
+  try {
+    adminUser = await getAdminUser();
+  } catch (error) {
+    console.error("Admin auth error:", error);
+    authError = "Failed to verify authentication. Please try again.";
+  }
+
+  // Auth verification failed
+  if (authError) {
     return (
-      <>
+      <ToastProviderWrapper>
         <AdminSidebar userRole={null} />
         <div className="min-h-screen lg:pl-60 admin-section" style={{ backgroundColor: "var(--admin-bg)" }}>
-        <AdminAccessDenied message="Your account does not have admin access." />
+          <AdminAccessDenied message={authError} />
         </div>
-      </>
+      </ToastProviderWrapper>
     );
   }
 
+  // Not authenticated
+  if (!adminUser) {
+    return (
+      <ToastProviderWrapper>
+        <AdminSidebar userRole={null} />
+        <div className="min-h-screen lg:pl-60 admin-section" style={{ backgroundColor: "var(--admin-bg)" }}>
+          <AdminAccessDenied message="Your account does not have admin access." />
+        </div>
+      </ToastProviderWrapper>
+    );
+  }
+
+  // Must change password
   if (adminUser.must_change_password) {
     redirect("/change-password");
   }
 
   return (
-    <>
+    <ToastProviderWrapper>
       <AdminSidebar userRole={adminUser.role} />
       <div className="min-h-screen lg:pl-60 admin-section" style={{ backgroundColor: "var(--admin-bg)" }}>
         {children}
       </div>
-    </>
+    </ToastProviderWrapper>
   );
 }