Bugfix:

- Update to @tabler/icons-svelte-runes for a more 'Svente 5' experience.

 - Adjust error handling in load functions, plain error thrown for handling in the error handler.

  - Fix the warning regarding a click handler attached to an <img> on the About page

  - Re-organise component directory

  - Remove unused font declarations from global.css

Features:
 - Add service-worker caching of FilterData API response to allow for filtering to work fully offline

  -

src/routes/about/+page.svelte

@@ -11,13 +11,19 @@
 </script>
 
 <div class="logo-container">
-	<img
-		class="logo"
-		src={logo}
-		alt="OwlBoard Logo"
-		onclick={handleLogoTap}
-		class:animate={isSpinning}
-	/>
+    <button
+        type="button"
+        class="logo-btn"
+        onclick={handleLogoTap}
+        class:animate={isSpinning}
+        aria-label="Spin the OwlBoard logo"
+    >
+        <img
+            class="logo-img"
+            src={logo}
+            alt="OwlBoard Logo"
+        />
+    </button>
 </div>
 
 <section class="about">
@@ -59,6 +65,19 @@
 		text-align: center;
 	}
 
+	.logo-btn {
+        background: none;
+        border: none;
+        padding: 0;
+        cursor: pointer;
+        display: inline-block;
+        padding-top: 25px;
+        margin: auto;
+        width: clamp(80px, 20vw, 200px);
+    }
+
+
+
 	@keyframes owl-spin {
 		0% {
 			transform: rotate(0deg);
@@ -71,16 +90,15 @@
 		}
 	}
 
-	.logo {
-		padding-top: 25px;
-		margin: auto;
-		height: auto;
-		width: clamp(80px, 20vw, 200px);
-	}
+	.logo-img {
+        width: 100%;
+        height: auto;
+        display: block;
+    }
 
-	.logo.animate {
-		animation: owl-spin 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-	}
+	.logo-btn.animate {
+        animation: owl-spin 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+    }
 
 	section {
 		margin: auto;