fix: fix minor icon issue

Author: mainawycliffe

src/components/Connections/ConnectionLink.tsx

@@ -1,8 +1,8 @@
 import { getConnectionByID } from "@flanksource-ui/api/services/connections";
-import { Icon } from "@flanksource-ui/ui/Icons/Icon";
 import TextSkeletonLoader from "@flanksource-ui/ui/SkeletonLoader/TextSkeletonLoader";
 import { useQuery } from "@tanstack/react-query";
 import { Connection } from "./ConnectionFormModal";
+import ConnectionIcon from "./ConnectionIcon";
 
 type ConnectionLinkProps = {
   connection?: Pick<Connection, "name" | "type" | "id">;
@@ -29,10 +29,5 @@ export default function ConnectionLink({
     return null;
   }
 
-  return (
-    <div className="flex flex-row items-center space-x-2">
-      <Icon name={connectionData.type} className="h-auto w-6" />
-      <div>{connectionData.name}</div>
-    </div>
-  );
+  return <ConnectionIcon showLabel connection={connectionData} />;
 }