Implement Site Builder Metadata and Enhance Wizard Functionality

- Introduced new models for Site Builder options, including BusinessType, AudienceProfile, BrandPersonality, and HeroImageryDirection.
- Added serializers and views to handle metadata for dropdowns in the Site Builder wizard.
- Updated the SiteBuilderWizard component to load and display metadata, improving user experience with dynamic options.
- Enhanced BusinessDetailsStep and StyleStep components to utilize new metadata for business types and brand personalities.
- Refactored state management in builderStore to include metadata loading and error handling.
- Updated API service to fetch Site Builder metadata, ensuring seamless integration with the frontend.

frontend/src/types/siteBuilder.ts

@@ -9,14 +9,22 @@ export interface StylePreferences {
 
 export interface BuilderFormData {
   siteId: number | null;
-  sectorId: number | null;
+  sectorIds: number[];
   siteName: string;
+  businessTypeId: number | null;
   businessType: string;
+  customBusinessType?: string;
   industry: string;
+  targetAudienceIds: number[];
   targetAudience: string;
+  customTargetAudience?: string;
   hostingType: HostingType;
   businessBrief: string;
   objectives: string[];
+  brandPersonalityIds: number[];
+  customBrandPersonality?: string;
+  heroImageryDirectionId: number | null;
+  customHeroImageryDirection?: string;
   style: StylePreferences;
 }
 
@@ -86,3 +94,16 @@ export interface ApiError {
   detail?: string;
 }
 
+export interface SiteBuilderMetadataOption {
+  id: number;
+  name: string;
+  description?: string;
+}
+
+export interface SiteBuilderMetadata {
+  business_types: SiteBuilderMetadataOption[];
+  audience_profiles: SiteBuilderMetadataOption[];
+  brand_personalities: SiteBuilderMetadataOption[];
+  hero_imagery_directions: SiteBuilderMetadataOption[];
+}
+