Add noordhoff downloader

Author: david-bos-dev

src/routes/utils/+page.svelte

@@ -1,28 +1,22 @@
 <script lang="ts">
 	import Weather from "$lib/components/Weather.svelte";
 	import type { SessionInfo } from "$lib/types";
-	import {
-		FlexWrapper,
-		Icon,
-		LinkButton,
-		Space,
-        Button
-	} from "@davidnet/svelte-ui";
+	import { FlexWrapper, Icon, LinkButton, Space, Button } from "@davidnet/svelte-ui";
 	import { onDestroy } from "svelte";
 
-    	let width = $state(window.innerWidth);
+	let width = $state(window.innerWidth);
 	const handleResize = () => {
 		width = window.innerWidth;
 	};
-    
+
 	window.addEventListener("resize", handleResize);
 	onDestroy(() => {
 		window.removeEventListener("resize", handleResize);
 	});
 </script>
 
 <FlexWrapper>
-    <Space height="var(--token-space-6)" />
+	<Space height="var(--token-space-6)" />
 </FlexWrapper>
 
 <FlexWrapper width="100%" direction="column">
@@ -49,13 +43,18 @@
 				<p class="option-text">Publitas downloader</p>
 			</FlexWrapper>
 		</a>
+		<a class="option" href="https://noordhoffdownloader.davidnet.net">
+			<FlexWrapper width="100%" height="100%" gap="var(--token-space-2)">
+				<Icon size="4rem" icon="archive" />
+				<p class="option-text">Noordhoff downloader</p>
+			</FlexWrapper>
+		</a>
 	</FlexWrapper>
 </FlexWrapper>
 
 <Space height="var(--token-space-4)" />
 
 <style>
-
 	.option {
 		text-decoration: none;
 		color: var(--token-color-text-default-normal);