perf: display installed plugin icon

web/src/app/home/plugins/plugin-installed/plugin-card/PluginCardComponent.tsx

@@ -14,6 +14,7 @@ import {
   ArrowUp,
 } from 'lucide-react';
 import { getCloudServiceClientSync } from '@/app/infra/http';
+import { httpClient } from '@/app/infra/http/HttpClient';
 import { PluginComponent } from '@/app/infra/entities/plugin';
 import { Button } from '@/components/ui/button';
 import {
@@ -87,14 +88,19 @@ export default function PluginCardComponent({
         onClick={onCardClick}
       >
         <div className="w-full h-full flex flex-row items-start justify-start gap-[1.2rem]">
-          <svg
+          {/* <svg
             className="w-16 h-16 text-[#2288ee]"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 24 24"
             fill="currentColor"
           >
             <path d="M8 4C8 2.34315 9.34315 1 11 1C12.6569 1 14 2.34315 14 4C14 4.35064 13.9398 4.68722 13.8293 5H18C18.5523 5 19 5.44772 19 6V10.1707C19.3128 10.0602 19.6494 10 20 10C21.6569 10 23 11.3431 23 13C23 14.6569 21.6569 16 20 16C19.6494 16 19.3128 15.9398 19 15.8293V20C19 20.5523 18.5523 21 18 21H4C3.44772 21 3 20.5523 3 20V6C3 5.44772 3.44772 5 4 5H8.17071C8.06015 4.68722 8 4.35064 8 4Z"></path>
-          </svg>
+          </svg> */}
+          <img
+            src={httpClient.getPluginIconURL(cardVO.author, cardVO.name)}
+            alt="plugin icon"
+            className="w-16 h-16"
+          />
 
           <div className="w-full h-full flex flex-col items-start justify-between gap-[0.6rem]">
             <div className="flex flex-col items-start justify-start">