feat: Cloudformation + RDS

packages/frontend/src/features/cloud-console/CloudConsoleSections.tsx

@@ -1,5 +1,6 @@
 import {type ElementType} from 'react'
 import {Cloud, Database, ExternalLink, Radio, Route, ShieldCheck} from 'lucide-react'
+import {ServiceIcon} from '@/components/serviceIcons'
 import {adapterLabel, cloudName, providerDescription, runtimeName} from './cloudConsoleHome.utils'
 import type {ProviderBannerProps, RuntimeFlowProps, ServiceGridProps, SummarySectionProps} from './types'
 
@@ -67,13 +68,12 @@ export function ServiceGrid({services, runtimeReachable, onNavigate, searchQuery
     return (
         <section className="console-service-grid">
             {services.map((service) => {
-                const Icon = service.icon
                 const isAvailable = service.status === 'available'
                 const canOpen = isAvailable && service.route && runtimeReachable
                 const content = (
                     <>
                         <div className="service-card-header">
-                            <div className="service-icon"><Icon size={18}/></div>
+                            <div className="service-icon"><ServiceIcon cloud={service.cloud} iconKey={service.iconKey} size={36}/></div>
                             <div>
                                 <h3>{service.label}</h3>
                                 <span className={isAvailable ? 'status healthy' : 'status unknown'}>