bug fixes: subnets listing, icons resizing and some shenanigans

packages/frontend/src/components/ComputePanel.tsx

@@ -154,7 +154,7 @@ function InlineSecurityGroupEditor({ instanceId, vpcId, initialGroups }: {
     const [selected, setSelected] = useState(() => new Set(initialGroups.map((group) => group.id).filter(Boolean) as string[]))
     const groups = useQuery({queryKey: ['ec2', 'security-groups', vpcId], queryFn: ({signal}) => listEc2SecurityGroups(vpcId, signal)})
     const mutation = useMutation({
-        mutationFn: () => updateEc2InstanceSecurityGroups(instanceId, [...selected]),
+        mutationFn: (groupIds: string[]) => updateEc2InstanceSecurityGroups(instanceId, groupIds),
         onSuccess: () => {
             void qc.invalidateQueries({queryKey: ['ec2', 'instance', instanceId]})
             void qc.invalidateQueries({queryKey: ['ec2', 'instances']})
@@ -177,7 +177,7 @@ function InlineSecurityGroupEditor({ instanceId, vpcId, initialGroups }: {
         </label>)}
         {groups.isError && <p className="error-text compact-text">Unable to load security groups.</p>}
         {mutation.isError && <p className="error-text compact-text">{mutation.error instanceof Error ? mutation.error.message : 'Save failed'}</p>}
-        <button className="button primary compact" disabled={groups.isLoading || selected.size === 0 || mutation.isPending} onClick={() => mutation.mutate()}>
+        <button className="button primary compact" disabled={groups.isLoading || selected.size === 0 || mutation.isPending} onClick={() => mutation.mutate([...selected])}>
             <Save size={13}/>{mutation.isPending ? 'Saving' : 'Save security groups'}
         </button>
     </div>