build sitemap and use iconify svelte

package.json

@@ -5,18 +5,21 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
+    "postbuild": "bun x svelte-sitemap --domain https://candrewlee14.github.io",
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
   },
   "devDependencies": {
+    "@iconify/svelte": "^3.1.6",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "autoprefixer": "^10.4.17",
     "postcss": "^8.4.35",
     "svelte": "^4.2.7",
     "svelte-check": "^3.6.0",
+    "svelte-sitemap": "^2.6.0",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
@@ -29,7 +32,6 @@
     "daisyui": "^4.7.2",
     "dayjs": "^1.11.10",
     "feather-icons": "^4.29.1",
-    "iconify-icon": "^2.0.0",
     "mdsvex": "^0.11.0",
     "reading-time-estimator": "^1.9.4"
   }

src/components/Navbar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Logo from './Logo.svelte';
-	import 'iconify-icon';
+	import Icon from '@iconify/svelte';
 
 	import { onMount } from 'svelte';
 	import { writable, type Writable } from 'svelte/store';
@@ -40,13 +40,15 @@
 	</a>
 	<button
 		type="button"
+		aria-label="Toggle theme"
+		name="theme-toggle"
 		class="absolute top-10 right-4 md:right-10 text-3xl transition-all hover:rotate-45"
 		on:click={toggle}
 	>
 		{#if $theme === 'light'}
-			<iconify-icon icon="fa-solid:moon" />
+			<Icon icon="fa-solid:moon" />
 		{:else}
-			<iconify-icon icon="fa-solid:sun" />
+			<Icon icon="fa-solid:sun" />
 		{/if}
 	</button>
 	<div

src/routes/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Image from "../components/Image.svelte";
-	import "iconify-icon";
+	import Icon from '@iconify/svelte';
 </script>
 
 <svelte:head>
@@ -74,14 +74,14 @@
 			>
 				<div class="flex flex-row justify-around flex-grow">
 					<div class="flex items-center mx-4">
-						<iconify-icon class="text-red-400" icon="mdi:email" />
+						<Icon class="text-red-400" icon="mdi:email" />
 						<a href="mailto:[email protected]" class="ml-2">
 							candrewlee14
 						</a>
 					</div>
 					<div class="flex items-center mx-4">
 						<!-- <FaGithub class="text-black dark:text-white" /> -->
-						<iconify-icon
+						<Icon
 							class="text-black dark:text-white"
 							icon="mdi:github"
 						/>
@@ -92,17 +92,17 @@
 				</div>
 				<div class="flex flex-row justify-around flex-grow">
 					<div class="flex items-center mx-4">
-						<iconify-icon
-							class="text-black dark:text-white"
+						<Icon
+							class="text-blue-400"
 							icon="mdi:twitter"
 						/>
 						<a href="https://twitter.com/c_andrew_lee" class="ml-2">
 							c_andrew_lee
 						</a>
 					</div>
 					<div class="flex items-center mx-4">
-						<iconify-icon
-							class="text-black dark:text-white"
+						<Icon
+							class="text-sky-500 dark:text-sky-400"
 							icon="mdi:linkedin"
 						/>
 						<a