Add booking flow, business hours, and dark mode support

Features:
- Complete multi-step booking flow with service selection, date/time picker,
  auth (login/signup with email verification), payment, and confirmation
- Business hours settings page for defining when business is open
- TimeBlock purpose field (BUSINESS_HOURS, CLOSURE, UNAVAILABLE)
- Service resource assignment with prep/takedown time buffers
- Availability checking respects business hours and service buffers
- Customer registration via email verification code

UI/UX:
- Full dark mode support for all booking components
- Separate first/last name fields in signup form
- Back buttons on each wizard step
- Removed auto-redirect from confirmation page

API:
- Public endpoints for services, availability, business hours
- Customer verification and registration endpoints
- Tenant lookup from X-Business-Subdomain header

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/App.tsx

@@ -112,6 +112,7 @@ const ContractTemplates = React.lazy(() => import('./pages/ContractTemplates'));
 const ContractSigning = React.lazy(() => import('./pages/ContractSigning')); // Import Contract Signing page (public)
 const PageEditor = React.lazy(() => import('./pages/PageEditor')); // Import PageEditor
 const PublicPage = React.lazy(() => import('./pages/PublicPage')); // Import PublicPage
+const BookingFlow = React.lazy(() => import('./pages/BookingFlow')); // Import Booking Flow
 
 // Settings pages
 const SettingsLayout = React.lazy(() => import('./layouts/SettingsLayout'));
@@ -126,6 +127,7 @@ const EmailSettings = React.lazy(() => import('./pages/settings/EmailSettings'))
 const CommunicationSettings = React.lazy(() => import('./pages/settings/CommunicationSettings'));
 const BillingSettings = React.lazy(() => import('./pages/settings/BillingSettings'));
 const QuotaSettings = React.lazy(() => import('./pages/settings/QuotaSettings'));
+const BusinessHoursSettings = React.lazy(() => import('./pages/settings/BusinessHoursSettings'));
 
 import { Toaster } from 'react-hot-toast'; // Import Toaster for notifications
 
@@ -349,6 +351,7 @@ const AppContent: React.FC = () => {
         <Suspense fallback={<LoadingScreen />}>
           <Routes>
             <Route path="/" element={<PublicPage />} />
+            <Route path="/book" element={<BookingFlow />} />
             <Route path="/login" element={<LoginPage />} />
             <Route path="/mfa-verify" element={<MFAVerifyPage />} />
             <Route path="/oauth/callback/:provider" element={<OAuthCallback />} />
@@ -889,6 +892,7 @@ const AppContent: React.FC = () => {
                 <Route path="branding" element={<BrandingSettings />} />
                 <Route path="resource-types" element={<ResourceTypesSettings />} />
                 <Route path="booking" element={<BookingSettings />} />
+                <Route path="business-hours" element={<BusinessHoursSettings />} />
                 <Route path="email-templates" element={<EmailTemplates />} />
                 <Route path="custom-domains" element={<CustomDomainsSettings />} />
                 <Route path="api" element={<ApiSettings />} />