'Genericise' errors ready for +error.svelte upgrade to handle known errors

src/routes/about/+page.svelte

@@ -11,19 +11,15 @@
 </script>
 
 <div class="logo-container">
-    <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>
+	<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">
@@ -66,17 +62,15 @@
 	}
 
 	.logo-btn {
-        background: none;
-        border: none;
-        padding: 0;
-        cursor: pointer;
-        display: inline-block;
-        padding-top: 25px;
-        margin: auto;
-        width: clamp(80px, 20vw, 200px);
-    }
-
-
+		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% {
@@ -91,14 +85,14 @@
 	}
 
 	.logo-img {
-        width: 100%;
-        height: auto;
-        display: block;
-    }
+		width: 100%;
+		height: auto;
+		display: block;
+	}
 
 	.logo-btn.animate {
-        animation: owl-spin 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-    }
+		animation: owl-spin 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+	}
 
 	section {
 		margin: auto;