feat(frontend): add loading bar for slow navigation times

Author: WarningImHack3r

package.json

@@ -18,6 +18,7 @@
 		"@lucide/svelte": "^0.483.0",
 		"@neoconfetti/svelte": "^2.2.2",
 		"@octokit/graphql-schema": "^15.26.0",
+		"@prgm/sveltekit-progress-bar": "^3.0.2",
 		"@shikijs/langs": "^3.2.1",
 		"@shikijs/rehype": "^3.2.1",
 		"@shikijs/themes": "^3.2.1",

pnpm-lock.yaml

@@ -4,6 +4,7 @@
 	import { scrollY } from "svelte/reactivity/window";
 	import { dev } from "$app/environment";
 	import { ChevronDown, type Icon, Monitor, Moon, Sun, X } from "@lucide/svelte";
+	import { ProgressBar } from "@prgm/sveltekit-progress-bar";
 	import { ModeWatcher, resetMode, setMode } from "mode-watcher";
 	import { news } from "$lib/news/news.json";
 	import { FAVICON_URL } from "$lib/config";
@@ -67,6 +68,7 @@
 	<ScreenSize />
 {/if}
 <ModeWatcher />
+<ProgressBar class="text-primary" zIndex={100} />
 
 <header
 	class="sticky top-0 z-40 w-full bg-background/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-background/60"