feat(front): add multimodal icon on model page (#1493)

Author: nsarrazin

src/routes/models/+page.svelte

@@ -9,7 +9,7 @@
 
 	import CarbonHelpFilled from "~icons/carbon/help-filled";
 	import CarbonTools from "~icons/carbon/tools";
-
+	import CarbonImage from "~icons/carbon/image";
 	export let data: PageData;
 </script>
 
@@ -61,6 +61,14 @@
 								<CarbonTools class="text-xxs text-purple-700 dark:text-purple-500" />
 							</div>
 						{/if}
+						{#if model.multimodal}
+							<div
+								title="This model is multimodal and supports image inputs natively."
+								class="ml-auto flex size-[21px] items-center justify-center rounded-lg border border-blue-700 dark:border-blue-500"
+							>
+								<CarbonImage class="text-xxs text-blue-700 dark:text-blue-500" />
+							</div>
+						{/if}
 						{#if index === 0}
 							<div
 								class="rounded-full border border-gray-300 px-2 py-0.5 text-xs text-gray-500 dark:border-gray-500 dark:text-gray-400"