fix icons

apps/ui/src/lib/components/svg/services/ServiceIcons.svelte

@@ -1,13 +1,41 @@
 <script lang="ts">
 	export let type: string;
 	export let isAbsolute = true;
-	import * as Icons from '$lib/components/svg/services';
+
+	let extension = 'png';
+	let svgs = [
+		'languagetool',
+		'meilisearch',
+		'n8n',
+		'glitchtip',
+		'searxng',
+		'umami',
+		'uptimekuma',
+		'vaultwarden',
+		'weblate',
+		'wordpress'
+	];
+
 	const name: any =
 		type &&
 		(type[0].toUpperCase() + type.substring(1).toLowerCase())
 			.replaceAll('.', '')
 			.replaceAll(' ', '')
-			.split('-')[0];
+			.split('-')[0]
+			.toLowerCase();
+
+	if (svgs.includes(name)) {
+		extension = 'svg';
+	}
+
+	function generateClass() {
+		switch (name) {
+			default:
+				return isAbsolute ? 'w-12 h-12 absolute top-0 left-0 -m-3 -mt-5' : 'w-8 h-8 mx-auto';
+		}
+	}
 </script>
 
-<svelte:component this={Icons[name]} {isAbsolute} />
+{#if name}
+	<img class={generateClass()} src={`/icons/${name}.${extension}`} alt={`Icon of ${name}`} />
+{/if}