feat(ui): add professional visual fallbacks

packages/ui/COMPONENTS.md

@@ -695,7 +695,7 @@ Reusable analytics dashboard preview component.
 Reusable api endpoint card component.
 
 - Mount: `data-component="ApiEndpointCard"`
-- Props: `class: string = ""`, `method: string = "GET"`, `path: string = "/api/example"`, `description: string = ""`
+- Props: `class: string = ""`, `method: string = "GET"`, `path: string = "/api/example"`, `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "View endpoint"`
 - Slots: `default`
 - Events: None
 
@@ -920,7 +920,7 @@ Reusable calendar component.
 Reusable campaign card component.
 
 - Mount: `data-component="CampaignCard"`
-- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `icon: string = "icon-[lucide--send]"`, `class: string = ""`
 - Slots: `default`
 - Events: None
 
@@ -1001,7 +1001,7 @@ Reusable certificate upload component.
 Reusable channel card component.
 
 - Mount: `data-component="ChannelCard"`
-- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `icon: string = "icon-[lucide--radio-tower]"`, `class: string = ""`
 - Slots: `default`
 - Events: None
 
@@ -1460,7 +1460,7 @@ Reusable favicon upload component.
 Reusable feature card component.
 
 - Mount: `data-component="FeatureCard"`
-- Props: `class: string = ""`, `icon: string = "✦"`, `title: string = "Feature"`, `description: string = ""`, `href: string = ""`
+- Props: `class: string = ""`, `icon: string = "icon-[lucide--sparkles]"`, `title: string = "Feature"`, `description: string = ""`, `href: string = ""`
 - Slots: None
 - Events: None
 
@@ -1748,7 +1748,7 @@ Reusable inline code component.
 Reusable integration card component.
 
 - Mount: `data-component="IntegrationCard"`
-- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `icon: string = "icon-[lucide--plug-zap]"`, `class: string = ""`
 - Slots: `default`
 - Events: None
 
@@ -4256,8 +4256,8 @@ Reusable api version badge component.
 Reusable badge component.
 
 - Mount: `data-component="Badge"`
-- Props: `class: string = ""`, `label: string = "Badge"`, `variant: string = "neutral"`
-- Slots: None
+- Props: `class: string = ""`, `label: string = ""`, `variant: string = "neutral"`
+- Slots: `default`
 - Events: None
 
 ### Banner