feat: Cloudformation + RDS

packages/frontend/src/components/ServerlessInvokePanel.tsx

@@ -1,10 +1,11 @@
 import {useEffect, useState} from "react";
-import {ChevronDown, ChevronUp, Copy, Loader2, Play, Wand2, Zap} from "lucide-react";
+import {ChevronDown, ChevronUp, Copy, Loader2, Play, Wand2} from "lucide-react";
 import {useMutation} from "@tanstack/react-query";
 import {invokeCloudResource} from "@/api/cloudProxyClient";
 import type {ServerlessInvokeResult} from "@/api/cloudProxyClient";
 import type {CloudProvider} from "@/types/cloud";
 import type {CloudResource} from "@/types/resource";
+import {ServiceIcon} from "@/components/serviceIcons";
 import {LogsQueryPanel} from "./LogsQueryPanel";
 
 interface ServerlessInvokePanelProps {
@@ -107,7 +108,7 @@ const clearPayload = () => {
         <div>
           <p className="eyebrow">Serverless Actions</p>
           <h3>
-            <Zap size={15} />
+            <ServiceIcon cloud={cloud} iconKey="serverless" size={18} />
             Invoke {providerLabel}
           </h3>
           <p className="muted compact-text">