add tool icons in docs welcome page

website/src/lib/components/docs/docs.ts

@@ -1,3 +1,6 @@
+import { File, FilePen, View, type Icon, Settings, Pencil, MapPin, Scissors, CalendarClock, Group, Ungroup, Filter, SquareDashedMousePointer } from "lucide-svelte";
+import type { ComponentType } from "svelte";
+
 export const guides: Record<string, string[]> = {
     'getting-started': [],
     menu: ['file', 'edit', 'view', 'settings'],
@@ -7,11 +10,23 @@ export const guides: Record<string, string[]> = {
     'gpx': [],
 };
 
-export const guideIcons: Record<string, string> = {
+export const guideIcons: Record<string, string | ComponentType<Icon>> = {
     "getting-started": "🚀",
     "menu": "📂 ⚙️",
+    "file": File,
+    "edit": FilePen,
+    "view": View,
+    "settings": Settings,
     "files-and-stats": "🗂 📈",
     "toolbar": "🧰",
+    "routing": Pencil,
+    "poi": MapPin,
+    "scissors": Scissors,
+    "time": CalendarClock,
+    "merge": Group,
+    "extract": Ungroup,
+    "minify": Filter,
+    "clean": SquareDashedMousePointer,
     "map-controls": "🗺",
     "gpx": "💾",
 };

website/src/routes/[...language]/help/+page.svelte

@@ -27,6 +27,7 @@
 							href={getURLForLanguage($locale, `/help/${guide}/${subGuide}`)}
 							class="h-fit px-0 py-1 text-muted-foreground   text-base text-center whitespace-normal"
 						>
+							<svelte:component this={guideIcons[subGuide]} size="16" class="mr-1 shrink-0" />
 							<DocsLoader path={`${guide}/${subGuide}.mdx`} titleOnly={true} />
 						</Button>
 					{/each}