fix: dont try to use icons as img src

package.json

@@ -11,32 +11,32 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.0.8",
-    "@astrojs/svelte": "^7.0.4",
-    "@astrojs/tailwind": "^6.0.0",
-    "astro": "^5.3.0",
+    "@astrojs/mdx": "^4.2.6",
+    "@astrojs/svelte": "^7.0.13",
+    "@astrojs/tailwind": "^6.0.2",
+    "astro": "^5.7.13",
     "astro-i18n-aut": "^0.7.3",
-    "exifreader": "^4.26.1",
-    "svelte": "^5.20.1",
-    "svelte-gestures": "^5.1.3",
-    "tailwindcss": "^4.0.6",
+    "exifreader": "^4.30.1",
+    "svelte": "^5.28.6",
+    "svelte-gestures": "^5.1.4",
+    "tailwindcss": "^4.1.6",
     "thumbhash": "^0.1.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.3"
   },
   "devDependencies": {
-    "@astrojs/sitemap": "^3.2.1",
-    "@iconify-json/tabler": "^1.2.16",
+    "@astrojs/sitemap": "^3.4.0",
+    "@iconify-json/tabler": "^1.2.17",
     "@types/markdown-it": "^14.1.2",
-    "@unocss/preset-icons": "^65.5.0",
-    "@unocss/reset": "^65.5.0",
-    "astro-font": "^1.0.0",
+    "@unocss/preset-icons": "^66.1.1",
+    "@unocss/reset": "^66.1.1",
+    "astro-font": "^1.1.0",
     "markdown-it": "^14.1.0",
     "ogl": "^1.0.11",
-    "prettier": "^3.5.1",
+    "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
-    "sharp": "^0.33.5",
-    "unocss": "^65.5.0",
-    "unplugin-icons": "^22.0.0",
-    "vite-plugin-glsl": "^1.3.1"
+    "sharp": "^0.34.1",
+    "unocss": "^66.1.1",
+    "unplugin-icons": "^22.1.0",
+    "vite-plugin-glsl": "^1.4.1"
   }
 }

src/components/HeroCard.astro

@@ -31,7 +31,14 @@ const link = translatePath(`/${collection}/${id.split("/")[0]}`);
   classes={`grid gradient border-1 border-neutral overflow-hidden  ${cover ? "grid-rows-[200px_1fr] xs:grid-rows-none xs:grid-cols-[1fr_200px]" : ""}`}>
   <Card.Content classes="px-8 py-7 order-last xs:order-first">
     <Card.Title classes="text-4xl flex items-center gap-2">
-      {icon && <img src={icon} class="h-6 w-6" />}
+      {
+      icon && 
+        (
+          icon?.length > 5
+            ? <img class="h-6 w-6" src={icon}  />
+            : <span class="p-r-4 text-md">{icon}</span>
+        )
+      }
       {title}
     </Card.Title>
     <Card.Description>