diff --git a/svelte-app/.eslintrc b/svelte-app/.eslintrc
index 9788f40d8..2fbc6aee3 100644
--- a/svelte-app/.eslintrc
+++ b/svelte-app/.eslintrc
@@ -68,6 +68,12 @@
     "no-setter-return": ["error"],
     "no-script-url": ["error"],
     "no-unused-vars": ["off"],
+    "no-restricted-imports": ["error", {
+      "patterns": [{
+        "group": ["./*", "../*", "!./$types"],
+        "message": "Only use relative imports from './$types'."
+      }]
+    }],
     "object-shorthand": ["error"],
     "one-var-declaration-per-line": ["error"],
     "prettier/prettier": ["error"],
@@ -129,7 +135,8 @@
         "*.spec.ts"
       ],
       "rules": {
-        "@typescript-eslint/no-empty-function": ["off"]
+        "@typescript-eslint/no-empty-function": ["off"],
+        "no-restricted-imports": ["off"]
       }
     }
   ],
diff --git a/svelte-app/package.json b/svelte-app/package.json
index d42a65d23..7fd65ec67 100644
--- a/svelte-app/package.json
+++ b/svelte-app/package.json
@@ -20,49 +20,47 @@
     "lint": "pnpm format && pnpm eslint --fix \"./src/**/*.{ts,svelte}\""
   },
   "devDependencies": {
-    "@playwright/test": "^1.41.2",
-    "@poppanator/sveltekit-svg": "4.2.1",
+    "@playwright/test": "1.41.2",
     "@portabletext/svelte": "2.1.5",
     "@portabletext/types": "2.0.8",
     "@sanity/image-url": "1.0.2",
     "@sveltejs/adapter-netlify": "4.1.0",
     "@sveltejs/adapter-node": "4.0.1",
-    "@sveltejs/kit": "2.4.3",
-    "@sveltejs/vite-plugin-svelte": "3.0.1",
+    "@sveltejs/kit": "2.5.0",
+    "@sveltejs/vite-plugin-svelte": "3.0.2",
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "@typescript-eslint/eslint-plugin": "6.19.0",
-    "@typescript-eslint/parser": "6.20.0",
+    "@typescript-eslint/eslint-plugin": "6.21.0",
+    "@typescript-eslint/parser": "6.21.0",
     "autoprefixer": "10.4.17",
-    "dotenv": "16.3.1",
+    "dotenv": "16.4.1",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-simple-import-sort": "10.0.0",
+    "eslint-plugin-simple-import-sort": "11.0.0",
     "eslint-plugin-svelte": "2.35.1",
     "eslint-plugin-unused-imports": "3.0.0",
     "highlight.js": "11.9.0",
     "jsdom": "24.0.0",
-    "netlify-cli": "17.15.4",
-    "pixelarticons": "1.7.0",
-    "postcss": "8.4.31",
-    "postcss-load-config": "4.0.2",
-    "prettier": "3.2.4",
+    "netlify-cli": "17.16.1",
+    "postcss": "8.4.35",
+    "postcss-load-config": "5.0.3",
+    "prettier": "3.2.5",
     "prettier-plugin-svelte": "3.1.2",
     "prettier-plugin-tailwindcss": "0.5.11",
-    "sass": "1.69.7",
-    "svelte": "4.2.9",
+    "sass": "1.70.0",
+    "svelte": "4.2.10",
     "svelte-body": "1.4.0",
-    "svelte-breakpoints": "0.2.0",
-    "svelte-check": "3.6.3",
+    "svelte-breakpoints": "0.3.0",
+    "svelte-check": "3.6.4",
     "svelte-eslint-parser": "0.33.1",
-    "svelte-highlight": "7.4.8",
+    "svelte-highlight": "7.6.0",
     "tailwindcss": "3.4.1",
     "tippy.js": "6.3.7",
     "twemoji": "14.0.2",
     "typescript": "5.3.3",
-    "vite": "5.0.12",
-    "vite-plugin-inspect": "0.8.1",
+    "vite": "5.1.1",
+    "vite-plugin-inspect": "0.8.3",
     "vite-plugin-test-selectors": "0.0.2",
     "vitest": "1.2.2"
   },
diff --git a/svelte-app/pnpm-lock.yaml b/svelte-app/pnpm-lock.yaml
index 819e28218..07ba1a663 100644
--- a/svelte-app/pnpm-lock.yaml
+++ b/svelte-app/pnpm-lock.yaml
@@ -6,14 +6,11 @@ settings:
 
 devDependencies:
   '@playwright/test':
-    specifier: ^1.41.2
+    specifier: 1.41.2
     version: 1.41.2
-  '@poppanator/sveltekit-svg':
-    specifier: 4.2.1
-    version: 4.2.1(svelte@4.2.9)(svgo@3.0.2)(vite@5.0.12)
   '@portabletext/svelte':
     specifier: 2.1.5
-    version: 2.1.5(svelte@4.2.9)
+    version: 2.1.5(svelte@4.2.10)
   '@portabletext/types':
     specifier: 2.0.8
     version: 2.0.8
@@ -22,31 +19,31 @@ devDependencies:
     version: 1.0.2
   '@sveltejs/adapter-netlify':
     specifier: 4.1.0
-    version: 4.1.0(@sveltejs/kit@2.4.3)
+    version: 4.1.0(@sveltejs/kit@2.5.0)
   '@sveltejs/adapter-node':
     specifier: 4.0.1
-    version: 4.0.1(@sveltejs/kit@2.4.3)
+    version: 4.0.1(@sveltejs/kit@2.5.0)
   '@sveltejs/kit':
-    specifier: 2.4.3
-    version: 2.4.3(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.9)(vite@5.0.12)
+    specifier: 2.5.0
+    version: 2.5.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.10)(vite@5.1.1)
   '@sveltejs/vite-plugin-svelte':
-    specifier: 3.0.1
-    version: 3.0.1(svelte@4.2.9)(vite@5.0.12)
+    specifier: 3.0.2
+    version: 3.0.2(svelte@4.2.10)(vite@5.1.1)
   '@tailwindcss/aspect-ratio':
     specifier: 0.4.2
     version: 0.4.2(tailwindcss@3.4.1)
   '@typescript-eslint/eslint-plugin':
-    specifier: 6.19.0
-    version: 6.19.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
+    specifier: 6.21.0
+    version: 6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3)
   '@typescript-eslint/parser':
-    specifier: 6.20.0
-    version: 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+    specifier: 6.21.0
+    version: 6.21.0(eslint@8.56.0)(typescript@5.3.3)
   autoprefixer:
     specifier: 10.4.17
-    version: 10.4.17(postcss@8.4.31)
+    version: 10.4.17(postcss@8.4.35)
   dotenv:
-    specifier: 16.3.1
-    version: 16.3.1
+    specifier: 16.4.1
+    version: 16.4.1
   eslint:
     specifier: 8.56.0
     version: 8.56.0
@@ -55,19 +52,19 @@ devDependencies:
     version: 9.1.0(eslint@8.56.0)
   eslint-plugin-import:
     specifier: 2.29.1
-    version: 2.29.1(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)
+    version: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)
   eslint-plugin-prettier:
     specifier: 5.1.3
-    version: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.4)
+    version: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.5)
   eslint-plugin-simple-import-sort:
-    specifier: 10.0.0
-    version: 10.0.0(eslint@8.56.0)
+    specifier: 11.0.0
+    version: 11.0.0(eslint@8.56.0)
   eslint-plugin-svelte:
     specifier: 2.35.1
-    version: 2.35.1(eslint@8.56.0)(svelte@4.2.9)
+    version: 2.35.1(eslint@8.56.0)(svelte@4.2.10)
   eslint-plugin-unused-imports:
     specifier: 3.0.0
-    version: 3.0.0(@typescript-eslint/eslint-plugin@6.19.0)(eslint@8.56.0)
+    version: 3.0.0(@typescript-eslint/eslint-plugin@6.21.0)(eslint@8.56.0)
   highlight.js:
     specifier: 11.9.0
     version: 11.9.0
@@ -75,47 +72,44 @@ devDependencies:
     specifier: 24.0.0
     version: 24.0.0
   netlify-cli:
-    specifier: 17.15.4
-    version: 17.15.4(@types/node@20.2.1)
-  pixelarticons:
-    specifier: 1.7.0
-    version: 1.7.0
+    specifier: 17.16.1
+    version: 17.16.1(@types/node@20.2.1)
   postcss:
-    specifier: 8.4.31
-    version: 8.4.31
+    specifier: 8.4.35
+    version: 8.4.35
   postcss-load-config:
-    specifier: 4.0.2
-    version: 4.0.2(postcss@8.4.31)
+    specifier: 5.0.3
+    version: 5.0.3(postcss@8.4.35)
   prettier:
-    specifier: 3.2.4
-    version: 3.2.4
+    specifier: 3.2.5
+    version: 3.2.5
   prettier-plugin-svelte:
     specifier: 3.1.2
-    version: 3.1.2(prettier@3.2.4)(svelte@4.2.9)
+    version: 3.1.2(prettier@3.2.5)(svelte@4.2.10)
   prettier-plugin-tailwindcss:
     specifier: 0.5.11
-    version: 0.5.11(prettier-plugin-svelte@3.1.2)(prettier@3.2.4)
+    version: 0.5.11(prettier-plugin-svelte@3.1.2)(prettier@3.2.5)
   sass:
-    specifier: 1.69.7
-    version: 1.69.7
+    specifier: 1.70.0
+    version: 1.70.0
   svelte:
-    specifier: 4.2.9
-    version: 4.2.9
+    specifier: 4.2.10
+    version: 4.2.10
   svelte-body:
     specifier: 1.4.0
-    version: 1.4.0(svelte@4.2.9)
+    version: 1.4.0(svelte@4.2.10)
   svelte-breakpoints:
-    specifier: 0.2.0
-    version: 0.2.0(svelte@4.2.9)
+    specifier: 0.3.0
+    version: 0.3.0(svelte@4.2.10)
   svelte-check:
-    specifier: 3.6.3
-    version: 3.6.3(postcss-load-config@4.0.2)(postcss@8.4.31)(sass@1.69.7)(svelte@4.2.9)
+    specifier: 3.6.4
+    version: 3.6.4(postcss-load-config@5.0.3)(postcss@8.4.35)(sass@1.70.0)(svelte@4.2.10)
   svelte-eslint-parser:
     specifier: 0.33.1
-    version: 0.33.1(svelte@4.2.9)
+    version: 0.33.1(svelte@4.2.10)
   svelte-highlight:
-    specifier: 7.4.8
-    version: 7.4.8
+    specifier: 7.6.0
+    version: 7.6.0
   tailwindcss:
     specifier: 3.4.1
     version: 3.4.1
@@ -129,17 +123,17 @@ devDependencies:
     specifier: 5.3.3
     version: 5.3.3
   vite:
-    specifier: 5.0.12
-    version: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+    specifier: 5.1.1
+    version: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
   vite-plugin-inspect:
-    specifier: 0.8.1
-    version: 0.8.1(vite@5.0.12)
+    specifier: 0.8.3
+    version: 0.8.3(vite@5.1.1)
   vite-plugin-test-selectors:
     specifier: 0.0.2
-    version: 0.0.2(vite@5.0.12)
+    version: 0.0.2(vite@5.1.1)
   vitest:
     specifier: 1.2.2
-    version: 1.2.2(@types/node@20.2.1)(jsdom@24.0.0)(sass@1.69.7)
+    version: 1.2.2(@types/node@20.2.1)(jsdom@24.0.0)(sass@1.70.0)
 
 packages:
 
@@ -161,8 +155,8 @@ packages:
       '@jridgewell/trace-mapping': 0.3.18
     dev: true
 
-  /@antfu/utils@0.7.6:
-    resolution: {integrity: sha512-pvFiLP2BeOKA/ZOS6jxx4XhKzdVLHDhGlFEaZ2flWWYf2xOqVniqpk38I04DFRyz+L0ASggl7SkItTc+ZLju4w==}
+  /@antfu/utils@0.7.7:
+    resolution: {integrity: sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==}
     dev: true
 
   /@babel/code-frame@7.21.4:
@@ -177,11 +171,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-validator-identifier@7.19.1:
-    resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
   /@babel/helper-validator-identifier@7.22.20:
     resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
     engines: {node: '>=6.9.0'}
@@ -191,7 +180,7 @@ packages:
     resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.19.1
+      '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
     dev: true
@@ -686,7 +675,7 @@ packages:
     resolution: {integrity: sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==}
     hasBin: true
     dependencies:
-      detect-libc: 2.0.1
+      detect-libc: 2.0.2
       https-proxy-agent: 5.0.1(supports-color@9.3.1)
       make-dir: 3.1.0
       node-fetch: 2.6.12
@@ -709,8 +698,13 @@ packages:
     engines: {node: ^14.16.0 || >=16.0.0}
     dev: true
 
-  /@netlify/build-info@7.11.5:
-    resolution: {integrity: sha512-uZIlBVUHgJuW46iSAEgI2WOAFFhzufhvTrLzuNsXFSo2/v79rEfjYI2lnuknkihgjVSyrmxAjMfWFzpaQjNGyQ==}
+  /@netlify/blobs@6.5.0:
+    resolution: {integrity: sha512-wRFlNnL/Qv3WNLZd3OT/YYqF1zb6iPSo8T31sl9ccL1ahBxW1fBqKgF4b1XL7Z+6mRIkatvcsVPkWBcO+oJMNA==}
+    engines: {node: ^14.16.0 || >=16.0.0}
+    dev: true
+
+  /@netlify/build-info@7.12.0:
+    resolution: {integrity: sha512-sYL/IIWYcZIqY+8W+2AysWnHB0PG7iUSJz9yb3aGSp40WaYsrjw69GUkw6GPRkcNxS/VR8a8eHL6ISlwYw/ONw==}
     engines: {node: ^14.16.0 || >=16.0.0}
     hasBin: true
     dependencies:
@@ -725,8 +719,8 @@ packages:
       yargs: 17.7.2
     dev: true
 
-  /@netlify/build@29.33.2(@types/node@20.2.1):
-    resolution: {integrity: sha512-sBsrw8MenQEjXcp3bTZcXx2duinqifPuSqKhme+/n2fvE9WPTsqnh4TKvdKzZyeyEFiYulI2+gNdSEFNyWpFDw==}
+  /@netlify/build@29.33.6(@types/node@20.2.1):
+    resolution: {integrity: sha512-avgahPxfY9jeeH6ovMHeNzLvNWi6Bjh/lm0HJf+T4b5eqk3qLeqTCIcZAOiRI/4qfJ0XBOviifKy3DQMGpFwdQ==}
     engines: {node: ^14.16.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -736,17 +730,17 @@ packages:
         optional: true
     dependencies:
       '@bugsnag/js': 7.20.2
-      '@netlify/blobs': 6.4.2
+      '@netlify/blobs': 6.5.0
       '@netlify/cache-utils': 5.1.5
-      '@netlify/config': 20.10.2
+      '@netlify/config': 20.11.0
       '@netlify/edge-bundler': 11.2.2(supports-color@9.3.1)
       '@netlify/framework-info': 9.8.10
-      '@netlify/functions-utils': 5.2.48(supports-color@9.3.1)
+      '@netlify/functions-utils': 5.2.50(supports-color@9.3.1)
       '@netlify/git-utils': 5.1.1
       '@netlify/opentelemetry-utils': 1.0.1
       '@netlify/plugins-list': 6.75.0
       '@netlify/run-utils': 5.1.1
-      '@netlify/zip-it-and-ship-it': 9.28.4(supports-color@9.3.1)
+      '@netlify/zip-it-and-ship-it': 9.29.1(supports-color@9.3.1)
       '@opentelemetry/api': 1.6.0
       '@sindresorhus/slugify': 2.2.0
       ansi-escapes: 6.2.0
@@ -815,8 +809,8 @@ packages:
       readdirp: 3.6.0
     dev: true
 
-  /@netlify/config@20.10.2:
-    resolution: {integrity: sha512-Q/0GzbY+Sgp28EC/WuiKiUHEBkDhKPqm4dYWVdkNZnd7BwSpHgiLRQrVBu4rfI00DDFrHW3ulGbXfn05egtxqA==}
+  /@netlify/config@20.11.0:
+    resolution: {integrity: sha512-MjWSgtVCtWpAb0CRmro0sfC6SiIJd37eRHSFggEyX9bSI8JytpDUt3J8wpiS4z+LhpFDp+IKAZ1pionbVvXiUw==}
     engines: {node: ^14.16.0 || >=16.0.0}
     hasBin: true
     dependencies:
@@ -833,10 +827,10 @@ packages:
       is-plain-obj: 4.1.0
       js-yaml: 4.1.0
       map-obj: 5.0.2
-      netlify: 13.1.13
+      netlify: 13.1.14
       netlify-headers-parser: 7.1.3
       netlify-redirect-parser: 14.2.1
-      node-fetch: 3.3.1
+      node-fetch: 3.3.2
       omit.js: 2.0.2
       p-locate: 6.0.0
       path-type: 5.0.0
@@ -864,7 +858,7 @@ packages:
       get-port: 6.1.2
       is-path-inside: 4.0.0
       jsonc-parser: 3.2.0
-      node-fetch: 3.3.1
+      node-fetch: 3.3.2
       node-stream-zip: 1.15.0
       p-retry: 5.1.2
       p-wait-for: 4.1.0
@@ -895,11 +889,11 @@ packages:
       semver: 7.5.4
     dev: true
 
-  /@netlify/functions-utils@5.2.48(supports-color@9.3.1):
-    resolution: {integrity: sha512-mr8juWRkV7AMbG2Ffsd/4UDPsY+nVbW8H6Euml4aGi8/mX8V7FGxcloCKob4d9E5jqaGAHEE37h7g2pJaSTVEQ==}
+  /@netlify/functions-utils@5.2.50(supports-color@9.3.1):
+    resolution: {integrity: sha512-XbJPdptmINULEL9YBbKMvee1/qsnjWvH4tnTpSo9yLsOx2O6/YDqU/uUNI/iJTwZp2fu7RaLI/MU6nkpCceW1g==}
     engines: {node: ^14.16.0 || >=16.0.0}
     dependencies:
-      '@netlify/zip-it-and-ship-it': 9.28.4(supports-color@9.3.1)
+      '@netlify/zip-it-and-ship-it': 9.29.1(supports-color@9.3.1)
       cpy: 9.0.1
       path-exists: 5.0.0
     transitivePeerDependencies:
@@ -1048,8 +1042,8 @@ packages:
     engines: {node: ^14.16.0 || >=16.0.0}
     dev: true
 
-  /@netlify/open-api@2.27.0:
-    resolution: {integrity: sha512-4m++/faj1priUcpV1XYSNxbMnaFv4W9zSLAVefYfoy2PREI0w77ZEr2wzVGoj9WgV3xOJny7GCyj5vxJT6vVZA==}
+  /@netlify/open-api@2.28.0:
+    resolution: {integrity: sha512-lSx9yVn5mzTS7u9aevQyDRoWaHJYNl15B7CU373g8We39wW8fGh4sdNY7ciPWshf42FblOVlBdoasn/LpzquXg==}
     engines: {node: '>=14'}
     dev: true
 
@@ -1072,23 +1066,23 @@ packages:
       execa: 6.1.0
     dev: true
 
-  /@netlify/serverless-functions-api@1.13.1:
-    resolution: {integrity: sha512-LWi0/ku6UvkCIwlREoJc3k2y/2uTc1u2pf+ODUdCwGwtewDJW8+wduVeQYLyywWemdIdg9IoMga3Q5wW0lBitQ==}
+  /@netlify/serverless-functions-api@1.14.0:
+    resolution: {integrity: sha512-HUNETLNvNiC2J+SB/YuRwJA9+agPrc0azSoWVk8H85GC+YE114hcS5JW+dstpKwVerp2xILE3vNWN7IMXP5Q5Q==}
     engines: {node: ^14.18.0 || >=16.0.0}
     dependencies:
       '@netlify/node-cookies': 0.1.0
       urlpattern-polyfill: 8.0.2
     dev: true
 
-  /@netlify/zip-it-and-ship-it@9.28.4(supports-color@9.3.1):
-    resolution: {integrity: sha512-BUee+2ybAUdqJRXI9UHVIPb5bGwjRv9Zot33Ufr+THyFkqJAKyT//GEpojpWLMeO6yRsuMFTzDCdQ9EVo4ZyCQ==}
+  /@netlify/zip-it-and-ship-it@9.29.1(supports-color@9.3.1):
+    resolution: {integrity: sha512-Dli45ALeBTvoedU5BGNX1yvvOw7FUm6SHzkxoUPs/4ekQTwPz9IZI35fBRRY28eNJANuZw51PRhtglIyUbYKIg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     dependencies:
       '@babel/parser': 7.22.7
       '@babel/types': 7.23.6
       '@netlify/binary-info': 1.0.0
-      '@netlify/serverless-functions-api': 1.13.1
+      '@netlify/serverless-functions-api': 1.14.0
       '@vercel/nft': 0.23.0(supports-color@9.3.1)
       archiver: 6.0.1
       common-path-prefix: 3.0.0
@@ -1450,32 +1444,17 @@ packages:
     resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
     dev: true
 
-  /@poppanator/sveltekit-svg@4.2.1(svelte@4.2.9)(svgo@3.0.2)(vite@5.0.12):
-    resolution: {integrity: sha512-w7jl4EVOOF+X+uv2BEUiMDJwds+GfbczwGpcS0+rsjIsKYmqmwMi4ts3bVZR9ZvdFHWy5rS84U+pSBClz6cbBg==}
-    peerDependencies:
-      svelte: '>=4.x'
-      svgo: '>=3.x'
-      vite: '>=4.x'
-    dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.5)
-      svelte: 4.2.9
-      svgo: 3.0.2
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
-    transitivePeerDependencies:
-      - rollup
-    dev: true
-
   /@popperjs/core@2.11.6:
     resolution: {integrity: sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==}
     dev: true
 
-  /@portabletext/svelte@2.1.5(svelte@4.2.9):
+  /@portabletext/svelte@2.1.5(svelte@4.2.10):
     resolution: {integrity: sha512-NDHIT6TRPnWCGnr0VjwsmYtuhZRVkD41aexajtElwsVLSoYUf/mxXd6PVxjg1e12DfubQo4aQv6lpRthIVbIIA==}
     peerDependencies:
       svelte: '>=3.47.0 <5.0.0'
     dependencies:
       '@portabletext/toolkit': 2.0.10
-      svelte: 4.2.9
+      svelte: 4.2.10
     dev: true
 
   /@portabletext/toolkit@2.0.10:
@@ -1547,20 +1526,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@rollup/pluginutils@5.0.5:
-    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@types/estree': 1.0.5
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-    dev: true
-
   /@rollup/pluginutils@5.1.0(rollup@4.9.5):
     resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
@@ -1709,18 +1674,18 @@ packages:
       escape-string-regexp: 5.0.0
     dev: true
 
-  /@sveltejs/adapter-netlify@4.1.0(@sveltejs/kit@2.4.3):
+  /@sveltejs/adapter-netlify@4.1.0(@sveltejs/kit@2.5.0):
     resolution: {integrity: sha512-TGv14O/9xumJv/q9G57ZCzl+LUWHZ9dDleugT5QQD87zJE3Y98AKyU5Z7c7WlBTjKYKEQEeOxjnSdOpMRuhd6g==}
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
     dependencies:
       '@iarna/toml': 2.2.5
-      '@sveltejs/kit': 2.4.3(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.9)(vite@5.0.12)
+      '@sveltejs/kit': 2.5.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.10)(vite@5.1.1)
       esbuild: 0.19.11
       set-cookie-parser: 2.6.0
     dev: true
 
-  /@sveltejs/adapter-node@4.0.1(@sveltejs/kit@2.4.3):
+  /@sveltejs/adapter-node@4.0.1(@sveltejs/kit@2.5.0):
     resolution: {integrity: sha512-IviiTtKCDp+0QoTmmMlGGZBA1EoUNsjecU6XGV9k62S3f01SNsVhpqi2e4nbI62BLGKh/YKKfFii+Vz/b9XIxg==}
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
@@ -1728,12 +1693,12 @@ packages:
       '@rollup/plugin-commonjs': 25.0.7(rollup@4.9.5)
       '@rollup/plugin-json': 6.1.0(rollup@4.9.5)
       '@rollup/plugin-node-resolve': 15.2.3(rollup@4.9.5)
-      '@sveltejs/kit': 2.4.3(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.9)(vite@5.0.12)
+      '@sveltejs/kit': 2.5.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.10)(vite@5.1.1)
       rollup: 4.9.5
     dev: true
 
-  /@sveltejs/kit@2.4.3(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.9)(vite@5.0.12):
-    resolution: {integrity: sha512-nKNhUdt61vtD961kQpUk6vLDhpnV0yku5F1uYNWvrJYFV0+cGfmW7ol0JVMSjHMXlMtmmv2FTc+nPRrTFwb2UA==}
+  /@sveltejs/kit@2.5.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.10)(vite@5.1.1):
+    resolution: {integrity: sha512-1uyXvzC2Lu1FZa30T4y5jUAC21R309ZMRG0TPt+PPPbNUoDpy8zSmSNVWYaBWxYDqLGQ5oPNWvjvvF2IjJ1jmA==}
     engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
@@ -1742,7 +1707,7 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.1(svelte@4.2.9)(vite@5.0.12)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.10)(vite@5.1.1)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -1754,12 +1719,12 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 4.2.9
+      svelte: 4.2.10
       tiny-glob: 0.2.9
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.9)(vite@5.0.12):
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.10)(vite@5.1.1):
     resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
@@ -1767,30 +1732,30 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.1(svelte@4.2.9)(vite@5.0.12)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.10)(vite@5.1.1)
       debug: 4.3.4(supports-color@9.3.1)
-      svelte: 4.2.9
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+      svelte: 4.2.10
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@3.0.1(svelte@4.2.9)(vite@5.0.12):
-    resolution: {integrity: sha512-CGURX6Ps+TkOovK6xV+Y2rn8JKa8ZPUHPZ/NKgCxAmgBrXReavzFl8aOSCj3kQ1xqT7yGJj53hjcV/gqwDAaWA==}
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.10)(vite@5.1.1):
+    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.9)(vite@5.0.12)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.10)(vite@5.1.1)
       debug: 4.3.4(supports-color@9.3.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
-      svelte: 4.2.9
-      svelte-hmr: 0.15.3(svelte@4.2.9)
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
-      vitefu: 0.2.5(vite@5.0.12)
+      svelte: 4.2.10
+      svelte-hmr: 0.15.3(svelte@4.2.10)
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
+      vitefu: 0.2.5(vite@5.1.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1927,8 +1892,8 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin@6.19.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-DUCUkQNklCQYnrBSSikjVChdc84/vMPDQSgJTHBZ64G9bA9w0Crc0rd2diujKbTdp6w2J47qkeHQLoi0rpLCdg==}
+  /@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -1939,11 +1904,11 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.9.1
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/scope-manager': 6.19.0
-      '@typescript-eslint/type-utils': 6.19.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.19.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.19.0
+      '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.21.0
+      '@typescript-eslint/type-utils': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.3.4(supports-color@9.3.1)
       eslint: 8.56.0
       graphemer: 1.4.0
@@ -1956,8 +1921,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.20.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-bYerPDF/H5v6V76MdMYhjwmwgMA+jlPVqjSDq2cRqMi8bP5sR3Z+RLOiOMad3nsnmDVmn2gAFCyNgh/dIrfP/w==}
+  /@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -1966,10 +1931,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 6.20.0
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/typescript-estree': 6.20.0(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.20.0
+      '@typescript-eslint/scope-manager': 6.21.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.3.4(supports-color@9.3.1)
       eslint: 8.56.0
       typescript: 5.3.3
@@ -1977,24 +1942,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager@6.19.0:
-    resolution: {integrity: sha512-dO1XMhV2ehBI6QN8Ufi7I10wmUovmLU0Oru3n5LVlM2JuzB4M+dVphCPLkVpKvGij2j/pHBWuJ9piuXx+BhzxQ==}
+  /@typescript-eslint/scope-manager@6.21.0:
+    resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.19.0
-      '@typescript-eslint/visitor-keys': 6.19.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/visitor-keys': 6.21.0
     dev: true
 
-  /@typescript-eslint/scope-manager@6.20.0:
-    resolution: {integrity: sha512-p4rvHQRDTI1tGGMDFQm+GtxP1ZHyAh64WANVoyEcNMpaTFn3ox/3CcgtIlELnRfKzSs/DwYlDccJEtr3O6qBvA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dependencies:
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/visitor-keys': 6.20.0
-    dev: true
-
-  /@typescript-eslint/type-utils@6.19.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-mcvS6WSWbjiSxKCwBcXtOM5pRkPQ6kcDds/juxcy/727IQr3xMEcwr/YLHW2A2+Fp5ql6khjbKBzOyjuPqGi/w==}
+  /@typescript-eslint/type-utils@6.21.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2003,8 +1960,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.19.0(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.19.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
       debug: 4.3.4(supports-color@9.3.1)
       eslint: 8.56.0
       ts-api-utils: 1.0.3(typescript@5.3.3)
@@ -2018,13 +1975,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/types@6.19.0:
-    resolution: {integrity: sha512-lFviGV/vYhOy3m8BJ/nAKoAyNhInTdXpftonhWle66XHAtT1ouBlkjL496b5H5hb8dWXHwtypTqgtb/DEa+j5A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
-
-  /@typescript-eslint/types@6.20.0:
-    resolution: {integrity: sha512-MM9mfZMAhiN4cOEcUOEx+0HmuaW3WBfukBZPCfwSqFnQy0grXYtngKCqpQN339X3RrwtzspWJrpbrupKYUSBXQ==}
+  /@typescript-eslint/types@6.21.0:
+    resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -2049,30 +2001,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@6.19.0(typescript@5.3.3):
-    resolution: {integrity: sha512-o/zefXIbbLBZ8YJ51NlkSAt2BamrK6XOmuxSR3hynMIzzyMY33KuJ9vuMdFSXW+H0tVvdF9qBPTHA91HDb4BIQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 6.19.0
-      '@typescript-eslint/visitor-keys': 6.19.0
-      debug: 4.3.4(supports-color@9.3.1)
-      globby: 11.1.0
-      is-glob: 4.0.3
-      minimatch: 9.0.3
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/typescript-estree@6.20.0(typescript@5.3.3):
-    resolution: {integrity: sha512-RnRya9q5m6YYSpBN7IzKu9FmLcYtErkDkc8/dKv81I9QiLLtVBHrjz+Ev/crAqgMNW2FCsoZF4g2QUylMnJz+g==}
+  /@typescript-eslint/typescript-estree@6.21.0(typescript@5.3.3):
+    resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2080,8 +2010,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/visitor-keys': 6.20.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.3.4(supports-color@9.3.1)
       globby: 11.1.0
       is-glob: 4.0.3
@@ -2093,8 +2023,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@6.19.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-QR41YXySiuN++/dC9UArYOg4X86OAYP83OWTewpVx5ct1IZhjjgTLocj7QNxGhWoTqknsgpl7L+hGygCO+sdYw==}
+  /@typescript-eslint/utils@6.21.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2102,9 +2032,9 @@ packages:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
       '@types/json-schema': 7.0.13
       '@types/semver': 7.5.3
-      '@typescript-eslint/scope-manager': 6.19.0
-      '@typescript-eslint/types': 6.19.0
-      '@typescript-eslint/typescript-estree': 6.19.0(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.21.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
       eslint: 8.56.0
       semver: 7.5.4
     transitivePeerDependencies:
@@ -2120,19 +2050,11 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@typescript-eslint/visitor-keys@6.19.0:
-    resolution: {integrity: sha512-hZaUCORLgubBvtGpp1JEFEazcuEdfxta9j4iUwdSAr7mEsYYAp3EAUyCZk3VEEqGj6W+AV4uWyrDGtrlawAsgQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dependencies:
-      '@typescript-eslint/types': 6.19.0
-      eslint-visitor-keys: 3.4.3
-    dev: true
-
-  /@typescript-eslint/visitor-keys@6.20.0:
-    resolution: {integrity: sha512-E8Cp98kRe4gKHjJD4NExXKz/zOJ1A2hhZc+IMVD6i7w4yjIvh6VyuRI0gRtxAsXtoC35uGMaQ9rjI2zJaXDEAw==}
+  /@typescript-eslint/visitor-keys@6.21.0:
+    resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.20.0
+      '@typescript-eslint/types': 6.21.0
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -2340,12 +2262,6 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
   /acorn@8.11.3:
     resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
     engines: {node: '>=0.4.0'}
@@ -2729,7 +2645,7 @@ packages:
     engines: {node: '>=8.0.0'}
     dev: true
 
-  /autoprefixer@10.4.17(postcss@8.4.31):
+  /autoprefixer@10.4.17(postcss@8.4.35):
     resolution: {integrity: sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
@@ -2741,7 +2657,7 @@ packages:
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
-      postcss: 8.4.31
+      postcss: 8.4.35
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -2823,11 +2739,6 @@ packages:
       open: 8.4.2
     dev: true
 
-  /big-integer@1.6.51:
-    resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
-    engines: {node: '>=0.6'}
-    dev: true
-
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
@@ -2897,13 +2808,6 @@ packages:
       wrap-ansi: 8.1.0
     dev: true
 
-  /bplist-parser@0.2.0:
-    resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
-    engines: {node: '>= 5.10.0'}
-    dependencies:
-      big-integer: 1.6.51
-    dev: true
-
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
@@ -2990,11 +2894,11 @@ packages:
       semver: 7.5.4
     dev: true
 
-  /bundle-name@3.0.0:
-    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
-    engines: {node: '>=12'}
+  /bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
     dependencies:
-      run-applescript: 5.0.0
+      run-applescript: 7.0.0
     dev: true
 
   /byline@5.0.0:
@@ -3770,22 +3674,17 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /default-browser-id@3.0.0:
-    resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
-    engines: {node: '>=12'}
-    dependencies:
-      bplist-parser: 0.2.0
-      untildify: 4.0.0
+  /default-browser-id@5.0.0:
+    resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
+    engines: {node: '>=18'}
     dev: true
 
-  /default-browser@4.0.0:
-    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
-    engines: {node: '>=14.16'}
+  /default-browser@5.2.1:
+    resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
+    engines: {node: '>=18'}
     dependencies:
-      bundle-name: 3.0.0
-      default-browser-id: 3.0.0
-      execa: 7.2.0
-      titleize: 3.0.0
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.0
     dev: true
 
   /defaults@1.0.4:
@@ -3905,11 +3804,6 @@ packages:
     hasBin: true
     dev: true
 
-  /detect-libc@2.0.1:
-    resolution: {integrity: sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==}
-    engines: {node: '>=8'}
-    dev: true
-
   /detect-libc@2.0.2:
     resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
     engines: {node: '>=8'}
@@ -3946,8 +3840,8 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dependencies:
       is-url: 1.2.4
-      postcss: 8.4.31
-      postcss-values-parser: 6.0.2(postcss@8.4.31)
+      postcss: 8.4.35
+      postcss-values-parser: 6.0.2(postcss@8.4.35)
     dev: true
 
   /detective-sass@5.0.3:
@@ -4072,8 +3966,8 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /dotenv@16.3.1:
-    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
+  /dotenv@16.4.1:
+    resolution: {integrity: sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==}
     engines: {node: '>=12'}
     dev: true
 
@@ -4336,7 +4230,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -4357,7 +4251,7 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
       debug: 3.2.7
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
@@ -4365,7 +4259,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.20.0)(eslint@8.56.0):
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.21.0)(eslint@8.56.0):
     resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -4375,7 +4269,7 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
       array.prototype.flat: 1.3.2
@@ -4384,7 +4278,7 @@ packages:
       doctrine: 2.1.0
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
       hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3
@@ -4400,7 +4294,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.4):
+  /eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.5):
     resolution: {integrity: sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -4416,20 +4310,20 @@ packages:
     dependencies:
       eslint: 8.56.0
       eslint-config-prettier: 9.1.0(eslint@8.56.0)
-      prettier: 3.2.4
+      prettier: 3.2.5
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.8
     dev: true
 
-  /eslint-plugin-simple-import-sort@10.0.0(eslint@8.56.0):
-    resolution: {integrity: sha512-AeTvO9UCMSNzIHRkg8S6c3RPy5YEwKWSQPx3DYghLedo2ZQxowPFLGDN1AZ2evfg6r6mjBSZSLxLFsWSu3acsw==}
+  /eslint-plugin-simple-import-sort@11.0.0(eslint@8.56.0):
+    resolution: {integrity: sha512-3zxeF/0piwHA7/JlbpOmMJ1/1tc1dSRiir4DwpEnP747alKwZbj5xX+ZxroShMBU6LNDkpquo7FsXHCBc0HgCA==}
     peerDependencies:
       eslint: '>=5.0.0'
     dependencies:
       eslint: 8.56.0
     dev: true
 
-  /eslint-plugin-svelte@2.35.1(eslint@8.56.0)(svelte@4.2.9):
+  /eslint-plugin-svelte@2.35.1(eslint@8.56.0)(svelte@4.2.10):
     resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4446,19 +4340,19 @@ packages:
       eslint-compat-utils: 0.1.2(eslint@8.56.0)
       esutils: 2.0.3
       known-css-properties: 0.29.0
-      postcss: 8.4.31
-      postcss-load-config: 3.1.4(postcss@8.4.31)
-      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+      postcss: 8.4.35
+      postcss-load-config: 3.1.4(postcss@8.4.35)
+      postcss-safe-parser: 6.0.0(postcss@8.4.35)
       postcss-selector-parser: 6.0.12
       semver: 7.5.4
-      svelte: 4.2.9
-      svelte-eslint-parser: 0.33.1(svelte@4.2.9)
+      svelte: 4.2.10
+      svelte-eslint-parser: 0.33.1(svelte@4.2.10)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.19.0)(eslint@8.56.0):
+  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.21.0)(eslint@8.56.0):
     resolution: {integrity: sha512-sduiswLJfZHeeBJ+MQaG+xYzSWdRXoSw61DpU13mzWumCkR0ufD0HmO4kdNokjrkluMHpj/7PJeN35pgbhW3kw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4468,7 +4362,7 @@ packages:
       '@typescript-eslint/eslint-plugin':
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.19.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3)
       eslint: 8.56.0
       eslint-rule-composer: 0.3.0
     dev: true
@@ -4644,21 +4538,6 @@ packages:
       strip-final-newline: 3.0.0
     dev: true
 
-  /execa@7.2.0:
-    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
-    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 4.3.1
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.1.0
-      onetime: 6.0.0
-      signal-exit: 3.0.7
-      strip-final-newline: 3.0.0
-    dev: true
-
   /execa@8.0.1:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
@@ -5212,8 +5091,8 @@ packages:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
     dev: true
 
-  /fs-extra@11.1.1:
-    resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
+  /fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
     dependencies:
       graceful-fs: 4.2.11
@@ -5375,7 +5254,7 @@ packages:
     engines: {node: ^14.18.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       '@xhmikosr/downloader': 13.0.1
-      node-fetch: 3.3.1
+      node-fetch: 3.3.2
       semver: 7.5.4
     dev: true
 
@@ -5803,11 +5682,6 @@ packages:
     engines: {node: '>=12.20.0'}
     dev: true
 
-  /human-signals@4.3.1:
-    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
-    engines: {node: '>=14.18.0'}
-    dev: true
-
   /human-signals@5.0.0:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
@@ -6642,7 +6516,7 @@ packages:
     hasBin: true
     dependencies:
       commander: 10.0.1
-      dotenv: 16.3.1
+      dotenv: 16.4.1
       winston: 3.10.0
     dev: true
 
@@ -7181,11 +7055,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /mrmime@1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
-    engines: {node: '>=10'}
-    dev: true
-
   /mrmime@2.0.0:
     resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
     engines: {node: '>=10'}
@@ -7230,12 +7099,6 @@ packages:
     dev: true
     optional: true
 
-  /nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: true
-
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -7282,8 +7145,8 @@ packages:
     resolution: {integrity: sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==}
     dev: true
 
-  /netlify-cli@17.15.4(@types/node@20.2.1):
-    resolution: {integrity: sha512-A02nG1u4eIeiWvsnJy+LoedWbV6hiJ8hHcyjoXlR5c6vNduGpE/0bFs6IjY8fJf1b3/dXANpnz9k/QMkptBA9Q==}
+  /netlify-cli@17.16.1(@types/node@20.2.1):
+    resolution: {integrity: sha512-GgBNXyMiIGKjn+8ypo21tP6uGNvUtQS06rbz0sbNQy4XekcgH1ZLF9AJNq0e+XIIfcniZVtdamQs3L1uhBwkMw==}
     engines: {node: '>=18.14.0'}
     hasBin: true
     requiresBuild: true
@@ -7291,12 +7154,12 @@ packages:
       '@bugsnag/js': 7.20.2
       '@fastify/static': 6.10.2
       '@netlify/blobs': 6.4.2
-      '@netlify/build': 29.33.2(@types/node@20.2.1)
-      '@netlify/build-info': 7.11.5
-      '@netlify/config': 20.10.2
+      '@netlify/build': 29.33.6(@types/node@20.2.1)
+      '@netlify/build-info': 7.12.0
+      '@netlify/config': 20.11.0
       '@netlify/edge-bundler': 11.2.2(supports-color@9.3.1)
       '@netlify/local-functions-proxy': 1.1.1
-      '@netlify/zip-it-and-ship-it': 9.28.4(supports-color@9.3.1)
+      '@netlify/zip-it-and-ship-it': 9.29.1(supports-color@9.3.1)
       '@octokit/rest': 19.0.13
       ansi-escapes: 6.2.0
       ansi-styles: 6.2.1
@@ -7361,7 +7224,7 @@ packages:
       log-symbols: 5.1.0
       log-update: 5.0.1
       multiparty: 4.2.3
-      netlify: 13.1.13
+      netlify: 13.1.14
       netlify-headers-parser: 7.1.3
       netlify-redirect-parser: 14.2.1
       netlify-redirector: 0.5.0
@@ -7449,14 +7312,14 @@ packages:
     resolution: {integrity: sha512-4zdzIP+6muqPCuE8avnrgDJ6KW/2+UpHTRcTbMXCIRxiRmyrX+IZ4WSJGZdHPWF3WmQpXpy603XxecZ9iygN7w==}
     dev: true
 
-  /netlify@13.1.13:
-    resolution: {integrity: sha512-nemPkZNyuVfItsw9qaRij8ZFJp0IlFT1/RdGd5P/JNlJ3eS1cMGqMP80vfOUhe6IlpKggRuYZausN1qZUryxFA==}
+  /netlify@13.1.14:
+    resolution: {integrity: sha512-7vSq6so7lPjr3HEpjbtLyde0F3IXOzD0ocJs3s2wnJR+nX+8pWOAVGe+KN6S98odsClJBJxCkWG2rLjTBzW9pw==}
     engines: {node: ^14.16.0 || >=16.0.0}
     dependencies:
-      '@netlify/open-api': 2.27.0
+      '@netlify/open-api': 2.28.0
       lodash-es: 4.17.21
       micro-api-client: 3.3.0
-      node-fetch: 3.3.1
+      node-fetch: 3.3.2
       omit.js: 2.0.2
       p-wait-for: 4.1.0
       qs: 6.11.1
@@ -7499,15 +7362,6 @@ packages:
       whatwg-url: 5.0.0
     dev: true
 
-  /node-fetch@3.3.1:
-    resolution: {integrity: sha512-cRVc/kyto/7E5shrWca1Wsea4y6tL9iYJE5FBCius3JQfb/4P4I295PfhgbJQBLTx6lATE4z+wK0rPM4VS2uow==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      data-uri-to-buffer: 4.0.1
-      fetch-blob: 3.2.0
-      formdata-polyfill: 4.0.10
-    dev: true
-
   /node-fetch@3.3.2:
     resolution: {integrity: sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -7785,6 +7639,16 @@ packages:
       mimic-fn: 4.0.0
     dev: true
 
+  /open@10.0.3:
+    resolution: {integrity: sha512-dtbI5oW7987hwC9qjJTyABldTaa19SuyJse1QboWv3b0qCcrrLNVDqBx1XgELAjh9QTVQaP/C5b1nhQebd1H2A==}
+    engines: {node: '>=18'}
+    dependencies:
+      default-browser: 5.2.1
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 3.1.0
+    dev: true
+
   /open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
@@ -7794,16 +7658,6 @@ packages:
       is-wsl: 2.2.0
     dev: true
 
-  /open@9.1.0:
-    resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==}
-    engines: {node: '>=14.16'}
-    dependencies:
-      default-browser: 4.0.0
-      define-lazy-prop: 3.0.0
-      is-inside-container: 1.0.0
-      is-wsl: 2.2.0
-    dev: true
-
   /optionator@0.8.3:
     resolution: {integrity: sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==}
     engines: {node: '>= 0.8.0'}
@@ -8117,6 +7971,10 @@ packages:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
     dev: true
 
+  /perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+    dev: true
+
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
@@ -8172,10 +8030,6 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  /pixelarticons@1.7.0:
-    resolution: {integrity: sha512-O+r485MR79mYxhGoSOdGzOix8S2evAhswvSFcvOReHZ2YGbvezWuFrqk/91fsjVnTXU6rEtdcklPNOVbZiorSQ==}
-    dev: true
-
   /pkg-dir@7.0.0:
     resolution: {integrity: sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==}
     engines: {node: '>=14.16'}
@@ -8212,29 +8066,29 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /postcss-import@15.1.0(postcss@8.4.31):
+  /postcss-import@15.1.0(postcss@8.4.35):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.35
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.6
     dev: true
 
-  /postcss-js@4.0.1(postcss@8.4.31):
+  /postcss-js@4.0.1(postcss@8.4.35):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.31
+      postcss: 8.4.35
     dev: true
 
-  /postcss-load-config@3.1.4(postcss@8.4.31):
+  /postcss-load-config@3.1.4(postcss@8.4.35):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
     peerDependencies:
@@ -8247,11 +8101,11 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.1.0
-      postcss: 8.4.31
+      postcss: 8.4.35
       yaml: 1.10.2
     dev: true
 
-  /postcss-load-config@4.0.2(postcss@8.4.31):
+  /postcss-load-config@4.0.2(postcss@8.4.35):
     resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
     engines: {node: '>= 14'}
     peerDependencies:
@@ -8264,36 +8118,53 @@ packages:
         optional: true
     dependencies:
       lilconfig: 3.0.0
-      postcss: 8.4.31
+      postcss: 8.4.35
       yaml: 2.3.4
     dev: true
 
-  /postcss-nested@6.0.1(postcss@8.4.31):
+  /postcss-load-config@5.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-90pBBI5apUVruIEdCxZic93Wm+i9fTrp7TXbgdUCH+/L+2WnfpITSpq5dFU/IPvbv7aNiMlQISpUkAm3fEcvgQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+    dependencies:
+      lilconfig: 3.0.0
+      postcss: 8.4.35
+      yaml: 2.3.4
+    dev: true
+
+  /postcss-nested@6.0.1(postcss@8.4.35):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.35
       postcss-selector-parser: 6.0.12
     dev: true
 
-  /postcss-safe-parser@6.0.0(postcss@8.4.31):
+  /postcss-safe-parser@6.0.0(postcss@8.4.35):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.35
     dev: true
 
-  /postcss-scss@4.0.8(postcss@8.4.31):
+  /postcss-scss@4.0.8(postcss@8.4.35):
     resolution: {integrity: sha512-Cr0X8Eu7xMhE96PJck6ses/uVVXDtE5ghUTKNUYgm8ozgP2TkgV3LWs3WgLV1xaSSLq8ZFiXaUrj0LVgG1fGEA==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.4.29
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.35
     dev: true
 
   /postcss-selector-parser@6.0.12:
@@ -8308,7 +8179,7 @@ packages:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
 
-  /postcss-values-parser@6.0.2(postcss@8.4.31):
+  /postcss-values-parser@6.0.2(postcss@8.4.35):
     resolution: {integrity: sha512-YLJpK0N1brcNJrs9WatuJFtHaV9q5aAOj+S4DI5S7jgHlRfm0PIbDCAFRYMQD5SHq7Fy6xsDhyutgS0QOAs0qw==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -8316,21 +8187,12 @@ packages:
     dependencies:
       color-name: 1.1.4
       is-url-superb: 4.0.0
-      postcss: 8.4.31
+      postcss: 8.4.35
       quote-unquote: 1.0.0
     dev: true
 
-  /postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.6
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /postcss@8.4.32:
-    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==}
+  /postcss@8.4.35:
+    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
@@ -8400,17 +8262,17 @@ packages:
       fast-diff: 1.2.0
     dev: true
 
-  /prettier-plugin-svelte@3.1.2(prettier@3.2.4)(svelte@4.2.9):
+  /prettier-plugin-svelte@3.1.2(prettier@3.2.5)(svelte@4.2.10):
     resolution: {integrity: sha512-7xfMZtwgAWHMT0iZc8jN4o65zgbAQ3+O32V6W7pXrqNvKnHnkoyQCGCbKeUyXKZLbYE0YhFRnamfxfkEGxm8qA==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
     dependencies:
-      prettier: 3.2.4
-      svelte: 4.2.9
+      prettier: 3.2.5
+      svelte: 4.2.10
     dev: true
 
-  /prettier-plugin-tailwindcss@0.5.11(prettier-plugin-svelte@3.1.2)(prettier@3.2.4):
+  /prettier-plugin-tailwindcss@0.5.11(prettier-plugin-svelte@3.1.2)(prettier@3.2.5):
     resolution: {integrity: sha512-AvI/DNyMctyyxGOjyePgi/gqj5hJYClZ1avtQvLlqMT3uDZkRbi4HhGUpok3DRzv9z7Lti85Kdj3s3/1CeNI0w==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
@@ -8459,12 +8321,12 @@ packages:
       prettier-plugin-twig-melody:
         optional: true
     dependencies:
-      prettier: 3.2.4
-      prettier-plugin-svelte: 3.1.2(prettier@3.2.4)(svelte@4.2.9)
+      prettier: 3.2.5
+      prettier-plugin-svelte: 3.1.2(prettier@3.2.5)(svelte@4.2.10)
     dev: true
 
-  /prettier@3.2.4:
-    resolution: {integrity: sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==}
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -8950,11 +8812,9 @@ packages:
     resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
     dev: true
 
-  /run-applescript@5.0.0:
-    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
-    engines: {node: '>=12'}
-    dependencies:
-      execa: 5.1.1
+  /run-applescript@7.0.0:
+    resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
+    engines: {node: '>=18'}
     dev: true
 
   /run-async@2.4.1:
@@ -9042,8 +8902,8 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /sass@1.69.7:
-    resolution: {integrity: sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==}
+  /sass@1.70.0:
+    resolution: {integrity: sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
@@ -9220,15 +9080,6 @@ packages:
       is-arrayish: 0.3.2
     dev: true
 
-  /sirv@2.0.3:
-    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
-    engines: {node: '>= 10'}
-    dependencies:
-      '@polka/url': 1.0.0-next.24
-      mrmime: 1.0.1
-      totalist: 3.0.1
-    dev: true
-
   /sirv@2.0.4:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
@@ -9653,38 +9504,38 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-body@1.4.0(svelte@4.2.9):
+  /svelte-body@1.4.0(svelte@4.2.10):
     resolution: {integrity: sha512-OCxtAozo/HaS57AZJOoARJHrOabjjhob1sLW8JgG+rrvHY0AZquf2Qcn9PT+jpVh9Y6DVNMMMSB1CZxQk5rrPw==}
     peerDependencies:
       svelte: ^3.47.0 || ^4.0.0
     dependencies:
       clsx: 1.2.1
       csstype: 3.1.2
-      svelte: 4.2.9
+      svelte: 4.2.10
     dev: true
 
-  /svelte-breakpoints@0.2.0(svelte@4.2.9):
-    resolution: {integrity: sha512-NXNFRjrvYwliIDaArpMYq7roRouiM9XuTmr4my0TeNlZ+dliMnXsyJUGfnUWMj78Kv1srH+utq1Q8yaikT9izg==}
+  /svelte-breakpoints@0.3.0(svelte@4.2.10):
+    resolution: {integrity: sha512-CvO3qG1dAaorYDNYJyakYXrX+2KMLFl9Tw+JiLQsIPWkr/+d9psWzW09z5X2RwtMtG69EpKP+TUOnjUXIM1oNg==}
     peerDependencies:
-      svelte: ^3.5.0
+      svelte: ^4.0.0
     dependencies:
-      svelte: 4.2.9
+      svelte: 4.2.10
     dev: true
 
-  /svelte-check@3.6.3(postcss-load-config@4.0.2)(postcss@8.4.31)(sass@1.69.7)(svelte@4.2.9):
-    resolution: {integrity: sha512-Q2nGnoysxUnB9KjnjpQLZwdjK62DHyW6nuH/gm2qteFnDk0lCehe/6z8TsIvYeKjC6luKaWxiNGyOcWiLLPSwA==}
+  /svelte-check@3.6.4(postcss-load-config@5.0.3)(postcss@8.4.35)(sass@1.70.0)(svelte@4.2.10):
+    resolution: {integrity: sha512-mY/dqucqm46p72M8yZmn81WPZx9mN6uuw8UVfR3ZKQeLxQg5HDGO3HHm5AZuWZPYNMLJ+TRMn+TeN53HfQ/vsw==}
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
       '@jridgewell/trace-mapping': 0.3.18
       chokidar: 3.5.3
-      fast-glob: 3.3.1
+      fast-glob: 3.3.2
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 4.2.9
-      svelte-preprocess: 5.1.1(postcss-load-config@4.0.2)(postcss@8.4.31)(sass@1.69.7)(svelte@4.2.9)(typescript@5.3.3)
+      svelte: 4.2.10
+      svelte-preprocess: 5.1.1(postcss-load-config@5.0.3)(postcss@8.4.35)(sass@1.70.0)(svelte@4.2.10)(typescript@5.3.3)
       typescript: 5.3.3
     transitivePeerDependencies:
       - '@babel/core'
@@ -9698,7 +9549,7 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-eslint-parser@0.33.1(svelte@4.2.9):
+  /svelte-eslint-parser@0.33.1(svelte@4.2.10):
     resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -9710,27 +9561,27 @@ packages:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      postcss: 8.4.31
-      postcss-scss: 4.0.8(postcss@8.4.31)
-      svelte: 4.2.9
+      postcss: 8.4.35
+      postcss-scss: 4.0.8(postcss@8.4.35)
+      svelte: 4.2.10
     dev: true
 
-  /svelte-highlight@7.4.8:
-    resolution: {integrity: sha512-KjXI+RwpBiDvwgZX9M0T6JpmAPhLjC4Gcks5qIDrFd7iO/pEBFR3B6qeMUTFIhxipHEPp/rC4/0enAvCQtHp+A==}
+  /svelte-highlight@7.6.0:
+    resolution: {integrity: sha512-J9X1d07iMIKZMAqNAhlkjLX/FS+7R2lPrqVul7i+EleVZIOYvBhtx7ES62bc661a70nKNOS05yr9JAvyQPPOIA==}
     dependencies:
       highlight.js: 11.9.0
     dev: true
 
-  /svelte-hmr@0.15.3(svelte@4.2.9):
+  /svelte-hmr@0.15.3(svelte@4.2.10):
     resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: 4.2.9
+      svelte: 4.2.10
     dev: true
 
-  /svelte-preprocess@5.1.1(postcss-load-config@4.0.2)(postcss@8.4.31)(sass@1.69.7)(svelte@4.2.9)(typescript@5.3.3):
+  /svelte-preprocess@5.1.1(postcss-load-config@5.0.3)(postcss@8.4.35)(sass@1.70.0)(svelte@4.2.10)(typescript@5.3.3):
     resolution: {integrity: sha512-p/Dp4hmrBW5mrCCq29lEMFpIJT2FZsRlouxEc5qpbOmXRbaFs7clLs8oKPwD3xCFyZfv1bIhvOzpQkhMEVQdMw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
@@ -9771,24 +9622,24 @@ packages:
       '@types/pug': 2.0.6
       detect-indent: 6.1.0
       magic-string: 0.27.0
-      postcss: 8.4.31
-      postcss-load-config: 4.0.2(postcss@8.4.31)
-      sass: 1.69.7
+      postcss: 8.4.35
+      postcss-load-config: 5.0.3(postcss@8.4.35)
+      sass: 1.70.0
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 4.2.9
+      svelte: 4.2.10
       typescript: 5.3.3
     dev: true
 
-  /svelte@4.2.9:
-    resolution: {integrity: sha512-hsoB/WZGEPFXeRRLPhPrbRz67PhP6sqYgvwcAs+gWdSQSvNDw+/lTeUJSWe5h2xC97Fz/8QxAOqItwBzNJPU8w==}
+  /svelte@4.2.10:
+    resolution: {integrity: sha512-Ep06yCaCdgG1Mafb/Rx8sJ1QS3RW2I2BxGp2Ui9LBHSZ2/tO/aGLc5WqPjgiAP6KAnLJGaIr/zzwQlOo1b8MxA==}
     engines: {node: '>=16'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.18
       '@types/estree': 1.0.5
-      acorn: 8.10.0
+      acorn: 8.11.3
       aria-query: 5.3.0
       axobject-query: 4.0.0
       code-red: 1.0.4
@@ -9862,11 +9713,11 @@ packages:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.0.0
-      postcss: 8.4.31
-      postcss-import: 15.1.0(postcss@8.4.31)
-      postcss-js: 4.0.1(postcss@8.4.31)
-      postcss-load-config: 4.0.2(postcss@8.4.31)
-      postcss-nested: 6.0.1(postcss@8.4.31)
+      postcss: 8.4.35
+      postcss-import: 15.1.0(postcss@8.4.35)
+      postcss-js: 4.0.1(postcss@8.4.35)
+      postcss-load-config: 4.0.2(postcss@8.4.35)
+      postcss-nested: 6.0.1(postcss@8.4.35)
       postcss-selector-parser: 6.0.12
       resolve: 1.22.6
       sucrase: 3.32.0
@@ -10034,11 +9885,6 @@ packages:
       '@popperjs/core': 2.11.6
     dev: true
 
-  /titleize@3.0.0:
-    resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
-    engines: {node: '>=12'}
-    dev: true
-
   /tmp-promise@3.0.3:
     resolution: {integrity: sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==}
     dependencies:
@@ -10530,11 +10376,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
-    engines: {node: '>=8'}
-    dev: true
-
   /untun@0.1.3:
     resolution: {integrity: sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==}
     hasBin: true
@@ -10643,7 +10484,7 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /vite-node@1.2.2(@types/node@20.2.1)(sass@1.69.7):
+  /vite-node@1.2.2(@types/node@20.2.1)(sass@1.70.0):
     resolution: {integrity: sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -10652,7 +10493,7 @@ packages:
       debug: 4.3.4(supports-color@9.3.1)
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -10664,8 +10505,8 @@ packages:
       - terser
     dev: true
 
-  /vite-plugin-inspect@0.8.1(vite@5.0.12):
-    resolution: {integrity: sha512-oPBPVGp6tBd5KdY/qY6lrbLXqrbHRG0hZLvEaJfiZ/GQfDB+szRuLHblQh1oi1Hhh8GeLit/50l4xfs2SA+TCA==}
+  /vite-plugin-inspect@0.8.3(vite@5.1.1):
+    resolution: {integrity: sha512-SBVzOIdP/kwe6hjkt7LSW4D0+REqqe58AumcnCfRNw4Kt3mbS9pEBkch+nupu2PBxv2tQi69EQHQ1ZA1vgB/Og==}
     engines: {node: '>=14'}
     peerDependencies:
       '@nuxt/kit': '*'
@@ -10674,30 +10515,31 @@ packages:
       '@nuxt/kit':
         optional: true
     dependencies:
-      '@antfu/utils': 0.7.6
-      '@rollup/pluginutils': 5.0.5
+      '@antfu/utils': 0.7.7
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.5)
       debug: 4.3.4(supports-color@9.3.1)
       error-stack-parser-es: 0.1.1
-      fs-extra: 11.1.1
-      open: 9.1.0
+      fs-extra: 11.2.0
+      open: 10.0.3
+      perfect-debounce: 1.0.0
       picocolors: 1.0.0
-      sirv: 2.0.3
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+      sirv: 2.0.4
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /vite-plugin-test-selectors@0.0.2(vite@5.0.12):
+  /vite-plugin-test-selectors@0.0.2(vite@5.1.1):
     resolution: {integrity: sha512-L+clewbVKX4AYVuX0PG9rFSjlNGR01qUjm0dl5Z0pNf4hPblGSowahnJO+z4TpsM/zNUJqTuWMOPqt1moBL42Q==}
     peerDependencies:
       vite: ^3.0.0
     dependencies:
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
     dev: true
 
-  /vite@5.0.12(@types/node@20.2.1)(sass@1.69.7):
-    resolution: {integrity: sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==}
+  /vite@5.1.1(@types/node@20.2.1)(sass@1.70.0):
+    resolution: {integrity: sha512-wclpAgY3F1tR7t9LL5CcHC41YPkQIpKUGeIuT8MdNwNZr6OqOTLs7JX5vIHAtzqLWXts0T+GDrh9pN2arneKqg==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -10726,14 +10568,14 @@ packages:
     dependencies:
       '@types/node': 20.2.1
       esbuild: 0.19.11
-      postcss: 8.4.32
+      postcss: 8.4.35
       rollup: 4.9.5
-      sass: 1.69.7
+      sass: 1.70.0
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vitefu@0.2.5(vite@5.0.12):
+  /vitefu@0.2.5(vite@5.1.1):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -10741,10 +10583,10 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
     dev: true
 
-  /vitest@1.2.2(@types/node@20.2.1)(jsdom@24.0.0)(sass@1.69.7):
+  /vitest@1.2.2(@types/node@20.2.1)(jsdom@24.0.0)(sass@1.70.0):
     resolution: {integrity: sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -10789,8 +10631,8 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.6.0
       tinypool: 0.8.2
-      vite: 5.0.12(@types/node@20.2.1)(sass@1.69.7)
-      vite-node: 1.2.2(@types/node@20.2.1)(sass@1.69.7)
+      vite: 5.1.1(@types/node@20.2.1)(sass@1.70.0)
+      vite-node: 1.2.2(@types/node@20.2.1)(sass@1.70.0)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
diff --git a/svelte-app/src/components/code-block.svelte b/svelte-app/src/components/code-block.svelte
index abd981ec8..0f36dd3a6 100644
--- a/svelte-app/src/components/code-block.svelte
+++ b/svelte-app/src/components/code-block.svelte
@@ -2,9 +2,9 @@
   import { onDestroy, onMount } from 'svelte';
 
   import { browser } from '$app/environment';
-  import { t } from '$i18n';
   import { BASE_ANIMATION_DURATION } from '$lib/consts';
-  import Settings from '$stores/settings';
+  import { t } from '$lib/i18n';
+  import Settings from '$lib/settings';
 
   import { genericAsyncImport, getLangType } from '$components/code-block/imports';
   import Icon from '$components/icon.svelte';
@@ -117,7 +117,7 @@
       on:keydown={(e) => e.key === 'Enter' && copy()}
     >
       {#key copied}
-        <Icon icon={copied !== undefined ? 'Check' : 'Copy'} />
+        <Icon name={copied !== undefined ? 'Check' : 'Copy'} />
       {/key}
     </button>
   </Tooltip>
diff --git a/svelte-app/src/components/controls/arrow-button.svelte b/svelte-app/src/components/controls/arrow-button.svelte
index c07bbd3a7..71cb1d541 100644
--- a/svelte-app/src/components/controls/arrow-button.svelte
+++ b/svelte-app/src/components/controls/arrow-button.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
 
+  export let fullWidth = false,
+    align: 'left' | 'right' = 'left';
+
   const dispatch = createEventDispatcher(),
     self = $$props.href ? 'a' : 'button',
     handleClick = (e: MouseEvent | KeyboardEvent) => {
@@ -15,8 +18,10 @@
 <svelte:element
   this={self}
   href={$$props.href || undefined}
-  class="focusOutline inline-block rounded-sm font-code text-accent-light hover:text-dark focus-visible:text-dark dark:text-accent-dark dark:hover:text-light dark:focus-visible:text-light {$$props.class ||
-    ''}"
+  class:fullWidth
+  class:alignRight={align === 'right'}
+  class:alignLeft={align === 'left'}
+  class="arrowButton {$$props.class || ''}"
   aria-label={$$props['aria-label'] || undefined}
   role="button"
   tabindex="0"
@@ -27,3 +32,43 @@
 >
   <slot />
 </svelte:element>
+
+<style lang="scss">
+  @import '@styles/mixins';
+
+  .arrowButton {
+    @apply inline-block rounded-sm font-code text-accent-light;
+
+    @include focus-state(lg);
+
+    &:hover,
+    &:focus-visible {
+      @apply text-light;
+    }
+
+    &.fullWidth {
+      @apply w-full;
+    }
+
+    &.alignRight {
+      @apply text-right;
+    }
+
+    &.alignLeft {
+      @apply text-left;
+    }
+  }
+
+  :global(.dark) {
+    .arrowButton {
+      @apply text-accent-dark;
+
+      @include focus-state(lg, dark);
+
+      &:hover,
+      &:focus-visible {
+        @apply text-light;
+      }
+    }
+  }
+</style>
diff --git a/svelte-app/src/components/controls/language-toggle.svelte b/svelte-app/src/components/controls/language-toggle.svelte
index c5737522a..6109e247c 100644
--- a/svelte-app/src/components/controls/language-toggle.svelte
+++ b/svelte-app/src/components/controls/language-toggle.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
   import { page } from '$app/stores';
-  import { currentLang, linkTo, t } from '$i18n';
   import { APP_LANGS } from '$lib/consts';
-  import { navOpen } from '$stores/navigation';
+  import { currentLang, linkTo, t } from '$lib/i18n';
 
   import Hoverable from '$components/hoverable.svelte';
   import Icon from '$components/icon.svelte';
@@ -22,22 +21,18 @@
         replaceState: true
       }
     ).catch(() => undefined);
-
-    navOpen.set(false);
   };
 </script>
 
 <Hoverable>
   <Tooltip
-    text={$t($currentLang === APP_LANGS[0] ? 'Switch to french' : 'Switch to english')}
+    text={$t($currentLang === APP_LANGS[0] ? 'Switch to French' : 'Switch to English')}
     delay={150}
     fixed
   >
     <button
-      class="focusOutline -m-1.5 flex h-[24px] w-[24px] items-center justify-center rounded-sm hover:text-accent-light dark:hover:text-accent-dark {$$props.class ||
-        ''}"
       aria-label={$t(
-        $currentLang === APP_LANGS[0] ? 'Switch to french' : 'Switch to english'
+        $currentLang === APP_LANGS[0] ? 'Switch to French' : 'Switch to English'
       )}
       tabindex="0"
       data-test-id="language-toggle"
@@ -45,7 +40,36 @@
         handleClick(e, $currentLang === APP_LANGS[0] ? APP_LANGS[1] : APP_LANGS[0]);
       }}
     >
-      <Icon icon="script" width={18} />
+      <Icon name="script" size={18} />
     </button>
   </Tooltip>
 </Hoverable>
+
+<style lang="scss">
+  @import '@styles/mixins';
+
+  button {
+    @apply -m-1.5 flex items-center justify-center rounded-sm;
+
+    height: 24px;
+    width: 24px;
+
+    @include focus-state(lg);
+
+    &:hover,
+    &:focus-visible {
+      @apply text-accent-light;
+    }
+  }
+
+  :global(.dark) {
+    button {
+      @include focus-state(lg, dark);
+
+      &:hover,
+      &:focus-visible {
+        @apply text-accent-dark;
+      }
+    }
+  }
+</style>
diff --git a/svelte-app/src/components/controls/menu-toggle.svelte b/svelte-app/src/components/controls/menu-toggle.svelte
deleted file mode 100644
index 316477067..000000000
--- a/svelte-app/src/components/controls/menu-toggle.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { navOpen } from '$stores/navigation';
-
-  import Hoverable from '$components/hoverable.svelte';
-
-  import Icon from '../icon.svelte';
-</script>
-
-<Hoverable>
-  <button
-    class="focusOutline -m-1.5 flex h-[32px] w-[32px] items-center justify-center rounded-sm hover:text-accent-light dark:hover:text-accent-dark {$$props.class ||
-      ''}"
-    aria-label="Toggle navigation"
-    data-test-id="nav-toggle"
-    on:click={() => navOpen.set(!$navOpen)}
-  >
-    {#if $navOpen}
-      <Icon icon="BackBurger" height={24} width={24} />
-    {:else}
-      <Icon icon="ForwardBurger" height={24} width={24} />
-    {/if}
-  </button>
-</Hoverable>
diff --git a/svelte-app/src/components/controls/theme-toggle.svelte b/svelte-app/src/components/controls/theme-toggle.svelte
index dcff459cb..acbdf978c 100644
--- a/svelte-app/src/components/controls/theme-toggle.svelte
+++ b/svelte-app/src/components/controls/theme-toggle.svelte
@@ -1,32 +1,59 @@
 <script lang="ts">
-  import { t } from '$i18n';
-  import Settings from '$stores/settings';
+  import { APP_THEMES } from '$lib/consts';
+  import { t } from '$lib/i18n';
+  import Settings from '$lib/settings';
 
   import Hoverable from '$components/hoverable.svelte';
+  import Icon from '$components/icon.svelte';
   import Tooltip from '$components/tooltip.svelte';
 
-  import Icon from '../icon.svelte';
-
   const { theme } = Settings;
 
-  $: tooltipText = $theme === 'light' ? 'Use dark mode' : 'Use light mode';
+  $: tooltipText = $theme === APP_THEMES.LIGHT ? 'Use dark mode' : 'Use light mode';
 </script>
 
 <Hoverable>
   <Tooltip text={$t(tooltipText)} delay={150} fixed>
     <button
-      class="focusOutline -m-1.5 flex h-[24px] w-[24px] items-center justify-center rounded-sm hover:text-accent-light dark:hover:text-accent-dark"
       aria-label={$t(tooltipText)}
       data-test-id="theme-toggle"
       data-test-state={$theme}
       tabindex="0"
       on:click={() => {
-        theme.set($theme === 'light' ? 'dark' : 'light');
+        theme.set($theme === APP_THEMES.LIGHT ? APP_THEMES.DARK : APP_THEMES.LIGHT);
       }}
     >
       {#key $theme}
-        <Icon icon={$theme === 'light' ? 'MoonStars' : 'Sun'} width={18} />
+        <Icon name={$theme === APP_THEMES.LIGHT ? 'MoonStars' : 'Sun'} size={18} />
       {/key}
     </button>
   </Tooltip>
 </Hoverable>
+
+<style lang="scss">
+  @import '@styles/mixins';
+  button {
+    @apply -m-1.5 flex items-center justify-center rounded-sm;
+
+    height: 24px;
+    width: 24px;
+
+    @include focus-state(lg);
+
+    &:hover,
+    &:focus-visible {
+      @apply text-accent-light;
+    }
+  }
+
+  :global(.dark) {
+    button {
+      @include focus-state(lg, dark);
+
+      &:hover,
+      &:focus-visible {
+        @apply text-accent-dark;
+      }
+    }
+  }
+</style>
diff --git a/svelte-app/src/components/document/content/footer.svelte b/svelte-app/src/components/document/content/footer.svelte
index 5ff08421e..7c190e26a 100644
--- a/svelte-app/src/components/document/content/footer.svelte
+++ b/svelte-app/src/components/document/content/footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { linkTo, t } from '$i18n';
-  import { isMobile } from '$lib/helpers/responsive';
+  import { linkTo, t } from '$lib/i18n';
+  import { isMobile } from '$lib/responsive';
 
   import ArrowButton from '$components/controls/arrow-button.svelte';
   import Divider from '$components/divider.svelte';
@@ -17,7 +17,7 @@
   <div>
     <h1 class="my-4 text-2xl font-bold">{$t('Links')}</h1>
     <span class="flex items-center justify-start gap-2 text-base">
-      <Icon icon="GitCommit" class="mb-0.5" inline />
+      <Icon name="GitCommit" inline />
       <Link href={data.github}>
         {'github.com/' + data.github.split('github.com/')?.[1]}
       </Link>
@@ -27,13 +27,14 @@
 {/if}
 <div>
   <ArrowButton
-    class="w-full text-left"
     href={model === 'post' ? $linkTo('/blog') : $linkTo('/work')}
+    align="left"
+    fullWidth
     preload
   >
     <span class="flex items-center justify-start gap-2 text-base">
       {#key $isMobile}
-        <Icon icon={$isMobile ? 'ArrowUp' : 'ArrowLeft'} class="mb-0.5" inline />
+        <Icon name={$isMobile ? 'ArrowUp' : 'ArrowLeft'} inline />
       {/key}
       <p>{$t('Read more')}</p>
     </span>
diff --git a/svelte-app/src/components/document/content/header.svelte b/svelte-app/src/components/document/content/header.svelte
index e4324f9d0..6b3f42afe 100644
--- a/svelte-app/src/components/document/content/header.svelte
+++ b/svelte-app/src/components/document/content/header.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { formatDate } from '$helpers/date';
-  import { currentLang, linkTo, t } from '$i18n';
-  import { isMobile } from '$lib/helpers/responsive';
-  import { parseViews } from '$lib/views';
+  import { formatDate } from '$lib/date';
+  import { linkTo, t } from '$lib/i18n';
+  import { isMobile } from '$lib/responsive';
+  import { parseViews } from '$lib/utils';
 
   import BulletPoint from '$components/bullet-point.svelte';
   import ArrowButton from '$components/controls/arrow-button.svelte';
@@ -28,7 +28,7 @@
       class="flex flex-row flex-wrap items-center justify-start gap-y-2 transition-[color]"
     >
       <p class="cursor-default font-mono text-base">
-        {formatDate(data.date, 'full', $currentLang) ?? $t('Unknown date')}
+        {$formatDate(data.date, 'full') ?? $t('Unknown date')}
       </p>
       <BulletPoint />
       <p class="cursor-default font-mono text-base">
@@ -46,13 +46,15 @@
       {/if}
     </div>
     <ArrowButton
-      class="focusOutline-sm -mb-1 hidden flex-1 whitespace-nowrap rounded-sm text-right sm:block"
+      class="focusOutline-sm -mb-1 hidden flex-1 whitespace-nowrap sm:block"
       href={model === 'post' ? $linkTo('/blog') : $linkTo('/work')}
+      align="right"
+      fullWidth
       preload
     >
       <span class="flex items-center justify-end gap-2 text-base">
         {#key $isMobile}
-          <Icon icon="ArrowLeft" class="mb-0.5" inline />
+          <Icon name="ArrowLeft" inline />
         {/key}
         <p>{$t('Read more')}</p>
       </span>
diff --git a/svelte-app/src/components/document/route.svelte b/svelte-app/src/components/document/route.svelte
index 5b3b78f8a..bdb9ace6b 100644
--- a/svelte-app/src/components/document/route.svelte
+++ b/svelte-app/src/components/document/route.svelte
@@ -2,9 +2,9 @@
   import { onDestroy, onMount } from 'svelte';
 
   import { page } from '$app/stores';
-  import scrollTo from '$helpers/scrollTo';
-  import { t } from '$i18n';
   import { BASE_PAGE_TITLE } from '$lib/consts';
+  import { t } from '$lib/i18n';
+  import { scrollTo } from '$lib/navigation';
 
   import Content from '$components/document/content/content.svelte';
 
diff --git a/svelte-app/src/components/empty-content.svelte b/svelte-app/src/components/empty-content.svelte
index ef613cf95..de5e25674 100644
--- a/svelte-app/src/components/empty-content.svelte
+++ b/svelte-app/src/components/empty-content.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { t } from '$i18n';
+  import { t } from '$lib/i18n';
 
   import Icon from '$components/icon.svelte';
 </script>
 
 <div data-test-id="error-text">
-  <Icon icon="Downasaur" />
+  <Icon name="Downasaur" />
   <p>{$t('Hm, it seems empty around here...')}</p>
 </div>
 
diff --git a/svelte-app/src/components/footer.svelte b/svelte-app/src/components/footer.svelte
index 04ecc2e33..493586707 100644
--- a/svelte-app/src/components/footer.svelte
+++ b/svelte-app/src/components/footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { t } from '$i18n';
   import { APP_VERSION } from '$lib/env';
+  import { t } from '$lib/i18n';
 
   import Divider from '$components/divider.svelte';
   import Icon from '$components/icon.svelte';
@@ -55,7 +55,7 @@
             href="https://github.com/kiosion/kio.dev/commit/{APP_VERSION}"
             aria-label={$t('View latest commit on GitHub')}
           >
-            <Icon icon="GitCommit" inline />
+            <Icon name="GitCommit" inline />
             {APP_VERSION.slice(0, 6)}
           </BaseLink>
         </Tooltip>
diff --git a/svelte-app/src/components/header.svelte b/svelte-app/src/components/header.svelte
index 4a22545e3..c8e61ad57 100644
--- a/svelte-app/src/components/header.svelte
+++ b/svelte-app/src/components/header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { linkTo } from '$i18n';
   import { NAV_LINKS } from '$lib/consts';
+  import { linkTo } from '$lib/i18n';
 
   import LanguageControls from '$components/controls/language-toggle.svelte';
   import ThemeToggle from '$components/controls/theme-toggle.svelte';
diff --git a/svelte-app/src/components/icon.svelte b/svelte-app/src/components/icon.svelte
index 7de0f9fa2..f837a077f 100644
--- a/svelte-app/src/components/icon.svelte
+++ b/svelte-app/src/components/icon.svelte
@@ -1,28 +1,82 @@
 <script lang="ts">
-  import { t } from '$i18n';
-  import icons from '$lib/icons';
+  import { t } from '$lib/i18n';
+  import BaseIconWrapper from '$lib/icons/base-icon-wrapper.svelte';
+  import {
+    Alert,
+    ArrowBarUp,
+    ArrowLeft,
+    ArrowRight,
+    ArrowUp,
+    BackBurger,
+    Check,
+    Copy,
+    Downasaur,
+    ForwardBurger,
+    GitCommit,
+    Link,
+    MailArrowRight,
+    MoonStars,
+    Script,
+    Sun
+  } from '$lib/icons/index';
+  import Logger from '$lib/logger';
 
-  import type { icons as iconsType } from '$lib/icons';
+  const icons = {
+    alert: Alert,
+    'arrow-bar-up': ArrowBarUp,
+    'arrow-left': ArrowLeft,
+    'arrow-right': ArrowRight,
+    'arrow-up': ArrowUp,
+    'back-burger': BackBurger,
+    check: Check,
+    copy: Copy,
+    downasaur: Downasaur,
+    'forward-burger': ForwardBurger,
+    'git-commit': GitCommit,
+    link: Link,
+    'mail-arrow-right': MailArrowRight,
+    'moon-stars': MoonStars,
+    script: Script,
+    sun: Sun
+  } as const;
+
+  type IconName = keyof typeof icons;
+
+  const transformName = (name: string) =>
+    name
+      ?.replace(/([a-z])([A-Z])|([A-Z])([A-Z](?=[a-z]))|([a-zA-Z])(\d)/g, '$1$3$5-$2$4$6')
+      ?.toLowerCase();
+
+  const getIcon = (iconName: string) => {
+    let name = transformName(iconName ?? '');
+    if (!(name in icons)) {
+      Logger.error(`Icon ${name} not found`);
+      name = 'alert';
+    }
+    return icons[name as IconName];
+  };
 
   // eslint-disable-next-line @typescript-eslint/ban-types
-  export let icon: keyof typeof iconsType | (string & {}),
-    hovered = false,
+  export let name: IconName | (string & {}),
     inline = false,
-    width = 20,
-    height = width,
+    size = 20,
     style = '';
 
-  const svg = icons.get(icon);
+  const InnerIconComponent = getIcon(name);
 </script>
 
-<div class="w-[{width}px] {inline ? 'inline' : ''} {$$props.class || ''}">
-  <svelte:component
-    this={svg}
-    {width}
-    {height}
-    class="{hovered ? 'text-dark-600 dark:text-light-300' : ''} {inline ? 'inline' : ''}"
-    aria-label={icon + $t(' icon')}
+<div
+  class={$$props.class || ''}
+  class:inline
+  style={`width: ${size}px; height: ${size}px;`}
+>
+  <BaseIconWrapper
     {style}
-    {$$restProps}
-  />
+    width={size}
+    height={size}
+    aria-label={name + $t(' icon')}
+    {...$$restProps}
+  >
+    <InnerIconComponent />
+  </BaseIconWrapper>
 </div>
diff --git a/svelte-app/src/components/images/image.svelte b/svelte-app/src/components/images/image.svelte
index 494493612..17f2f8ace 100644
--- a/svelte-app/src/components/images/image.svelte
+++ b/svelte-app/src/components/images/image.svelte
@@ -3,7 +3,7 @@
   import { crossfade, fade } from 'svelte/transition';
 
   import { BASE_ANIMATION_DURATION } from '$lib/consts';
-  import { buildImageUrl, getCrop } from '$lib/helpers/image';
+  import { buildImageUrl, getCrop } from '$lib/sanity';
 
   import ImageModal from '$components/images/image-modal.svelte';
   import Spinner from '$components/loading/spinner.svelte';
diff --git a/svelte-app/src/components/link.svelte b/svelte-app/src/components/link.svelte
index d80a4af74..609b09da7 100644
--- a/svelte-app/src/components/link.svelte
+++ b/svelte-app/src/components/link.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
 
-  import { linkTo, t } from '$i18n';
+  import { linkTo, t } from '$lib/i18n';
 
   import Hoverable from '$components/hoverable.svelte';
   import Tooltip from '$components/tooltip.svelte';
diff --git a/svelte-app/src/components/lists/list-item.svelte b/svelte-app/src/components/lists/list-item.svelte
index 61c58d3d8..965260e56 100644
--- a/svelte-app/src/components/lists/list-item.svelte
+++ b/svelte-app/src/components/lists/list-item.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { currentLang, linkTo, t } from '$i18n';
-  import { formatDate } from '$lib/helpers/date';
-  import { parseViews } from '$lib/views';
+  import { formatDate } from '$lib/date';
+  import { linkTo, t } from '$lib/i18n';
+  import { parseViews } from '$lib/utils';
 
   import Hoverable from '$components/hoverable.svelte';
 
@@ -30,11 +30,7 @@
         : 'mb-2'}"
     >
       <p aria-label={$t('Date posted')}>
-        {formatDate(
-          document.date || document._createdAt,
-          small ? 'med' : 'short',
-          $currentLang
-        )}
+        {$formatDate(document.date || document._createdAt, small ? 'med' : 'short')}
       </p>
       {#if document.tags?.length}
         <span
diff --git a/svelte-app/src/components/lists/year-list.svelte b/svelte-app/src/components/lists/year-list.svelte
index 1b0228c7b..d13011ae4 100644
--- a/svelte-app/src/components/lists/year-list.svelte
+++ b/svelte-app/src/components/lists/year-list.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { sortDocumentsByYear } from '$helpers/date';
+  import { sortDocumentsByYear } from '$lib/date';
 
   import ListItem from '$components/lists/list-item.svelte';
 
diff --git a/svelte-app/src/components/nav/base-link.svelte b/svelte-app/src/components/nav/base-link.svelte
index 86079e89b..d834e420d 100644
--- a/svelte-app/src/components/nav/base-link.svelte
+++ b/svelte-app/src/components/nav/base-link.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
 
-  import { linkTo, t } from '$i18n';
+  import { linkTo, t } from '$lib/i18n';
 
   import Hoverable from '$components/hoverable.svelte';
 
diff --git a/svelte-app/src/components/nav/header-link.svelte b/svelte-app/src/components/nav/header-link.svelte
index 9790d43eb..2b0689072 100644
--- a/svelte-app/src/components/nav/header-link.svelte
+++ b/svelte-app/src/components/nav/header-link.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
   import { navigating, page } from '$app/stores';
-  import { isLocalized, linkTo, t } from '$i18n';
+  import { isLocalized, linkTo, t } from '$lib/i18n';
 
   import BaseLink from '$components/nav/base-link.svelte';
 
diff --git a/svelte-app/src/components/portable-text/footnote.svelte b/svelte-app/src/components/portable-text/footnote.svelte
index 240eb0a97..57a8ce3f2 100644
--- a/svelte-app/src/components/portable-text/footnote.svelte
+++ b/svelte-app/src/components/portable-text/footnote.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { t } from '$lib/helpers/i18n';
+  import { t } from '$lib/i18n';
 
   import Tooltip from '$components/tooltip.svelte';
 
diff --git a/svelte-app/src/components/portable-text/image-carousel/scroll-button.svelte b/svelte-app/src/components/portable-text/image-carousel/scroll-button.svelte
index b5780a1f7..f4d744d73 100644
--- a/svelte-app/src/components/portable-text/image-carousel/scroll-button.svelte
+++ b/svelte-app/src/components/portable-text/image-carousel/scroll-button.svelte
@@ -16,12 +16,7 @@
   {disabled}
   class={dir === 'right' ? 'justify-end' : 'justify-start'}
 >
-  <Icon
-    icon={dir === 'left' ? 'ArrowLeft' : 'ArrowRight'}
-    width={22}
-    height={22}
-    class="w-fit"
-  />
+  <Icon name={dir === 'left' ? 'ArrowLeft' : 'ArrowRight'} size={22} />
 </button>
 
 <style lang="scss">
diff --git a/svelte-app/src/components/portable-text/portable-text.svelte b/svelte-app/src/components/portable-text/portable-text.svelte
index 4816075f0..93e7866e4 100644
--- a/svelte-app/src/components/portable-text/portable-text.svelte
+++ b/svelte-app/src/components/portable-text/portable-text.svelte
@@ -1,30 +1,29 @@
 <script lang="ts">
   import { onMount } from 'svelte';
 
-  import { parseEmoji } from '$helpers/emoji';
-  import { t } from '$i18n';
+  import { t } from '$lib/i18n';
   import Logger from '$lib/logger';
+  import { parseEmoji } from '$lib/utils';
 
   import Icon from '$components/icon.svelte';
+  import Footnote from '$components/portable-text/footnote.svelte';
+  import CodeBlock from '$components/portable-text/serializers/code-block.svelte';
+  import CustomCode from '$components/portable-text/serializers/custom-code.svelte';
+  import CustomHeading from '$components/portable-text/serializers/custom-heading.svelte';
+  import CustomHighlight from '$components/portable-text/serializers/custom-highlight.svelte';
+  import CustomLink from '$components/portable-text/serializers/custom-link.svelte';
+  import CustomParagraph from '$components/portable-text/serializers/custom-paragraph.svelte';
+  import CustomQuote from '$components/portable-text/serializers/custom-quote.svelte';
+  import Divider from '$components/portable-text/serializers/divider.svelte';
+  import Image from '$components/portable-text/serializers/image.svelte';
+  import ListItem from '$components/portable-text/serializers/list-item.svelte';
+  import NullMark from '$components/portable-text/serializers/null-mark.svelte';
+  import OlWrapper from '$components/portable-text/serializers/ol-wrapper.svelte';
+  import UlWrapper from '$components/portable-text/serializers/ul-wrapper.svelte';
   import Tooltip from '$components/tooltip.svelte';
 
   import { PortableText } from '@portabletext/svelte';
 
-  import Footnote from './footnote.svelte';
-  import CodeBlock from './serializers/code-block.svelte';
-  import CustomCode from './serializers/custom-code.svelte';
-  import CustomHeading from './serializers/custom-heading.svelte';
-  import CustomHighlight from './serializers/custom-highlight.svelte';
-  import CustomLink from './serializers/custom-link.svelte';
-  import CustomParagraph from './serializers/custom-paragraph.svelte';
-  import CustomQuote from './serializers/custom-quote.svelte';
-  import Divider from './serializers/divider.svelte';
-  import Image from './serializers/image.svelte';
-  import ListItem from './serializers/list-item.svelte';
-  import NullMark from './serializers/null-mark.svelte';
-  import OlWrapper from './serializers/ol-wrapper.svelte';
-  import UlWrapper from './serializers/ul-wrapper.svelte';
-
   import type {
     ArbitraryTypedObject,
     PortableTextBlock,
@@ -155,7 +154,7 @@
                         if (e.code === 'Space' || e.code === 'Enter') {
                           customScrollTo(e, `src-${note._key}`);
                         }
-                      }}><Icon icon="arrow-bar-up" width={18} inline /></a
+                      }}><Icon name="arrow-bar-up" size={18} inline /></a
                     >
                   </Tooltip>
                 </span>
diff --git a/svelte-app/src/components/portable-text/serializers/custom-heading.svelte b/svelte-app/src/components/portable-text/serializers/custom-heading.svelte
index cedbf98f8..1365799be 100644
--- a/svelte-app/src/components/portable-text/serializers/custom-heading.svelte
+++ b/svelte-app/src/components/portable-text/serializers/custom-heading.svelte
@@ -15,7 +15,7 @@
   id={`heading-${value._key}`}
   href={`#${value._key}`}
 >
-  <Icon icon="link" class="link-icon" aria-hidden="true" />
+  <Icon name="link" class="link-icon" aria-hidden="true" />
   <svelte:element this={style}>
     <slot />
   </svelte:element>
@@ -25,7 +25,7 @@
   @import '@styles/mixins';
 
   :global(.link-icon) {
-    @apply absolute -left-8 top-1/2 hidden -translate-y-1/2;
+    @apply absolute -left-5 top-1/2 hidden -translate-y-1/2;
 
     :hover &,
     :focus-visible &,
diff --git a/svelte-app/src/components/portable-text/serializers/custom-highlight.svelte b/svelte-app/src/components/portable-text/serializers/custom-highlight.svelte
index 318ba5d11..81b37d849 100644
--- a/svelte-app/src/components/portable-text/serializers/custom-highlight.svelte
+++ b/svelte-app/src/components/portable-text/serializers/custom-highlight.svelte
@@ -1,3 +1,11 @@
+<script lang="ts">
+  import type { MarkComponentProps } from '@portabletext/svelte';
+
+  export let portableText: MarkComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <span class="relative p-0.5">
   <span class="relative z-[1] text-light transition-colors dark:text-dark">
     <slot />
diff --git a/svelte-app/src/components/portable-text/serializers/custom-paragraph.svelte b/svelte-app/src/components/portable-text/serializers/custom-paragraph.svelte
index baa508ac3..328f49e03 100644
--- a/svelte-app/src/components/portable-text/serializers/custom-paragraph.svelte
+++ b/svelte-app/src/components/portable-text/serializers/custom-paragraph.svelte
@@ -1,7 +1,15 @@
+<script lang="ts">
+  import type { BlockComponentProps } from '@portabletext/svelte';
+
+  export let portableText: BlockComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <p><slot /></p>
 
 <style lang="scss">
   p {
-    @apply my-4 leading-[1.5] transition-[color];
+    @apply my-4 leading-[1.6] transition-[color];
   }
 </style>
diff --git a/svelte-app/src/components/portable-text/serializers/custom-quote.svelte b/svelte-app/src/components/portable-text/serializers/custom-quote.svelte
index 2be6aba1f..36a46bbec 100644
--- a/svelte-app/src/components/portable-text/serializers/custom-quote.svelte
+++ b/svelte-app/src/components/portable-text/serializers/custom-quote.svelte
@@ -1,3 +1,11 @@
+<script lang="ts">
+  import type { BlockComponentProps } from '@portabletext/svelte';
+
+  export let portableText: BlockComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <div
   class="flex w-full flex-1 items-stretch justify-start transition-[background-color,color]"
 >
diff --git a/svelte-app/src/components/portable-text/serializers/divider.svelte b/svelte-app/src/components/portable-text/serializers/divider.svelte
index 80cb9df70..4cd42d919 100644
--- a/svelte-app/src/components/portable-text/serializers/divider.svelte
+++ b/svelte-app/src/components/portable-text/serializers/divider.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
   import Divider from '$components/divider.svelte';
+
+  import type { CustomBlockComponentProps } from '@portabletext/svelte';
+
+  export let portableText: CustomBlockComponentProps;
+
+  $: ({ value: _value } = portableText);
 </script>
 
 <Divider />
diff --git a/svelte-app/src/components/portable-text/serializers/list-item.svelte b/svelte-app/src/components/portable-text/serializers/list-item.svelte
index b80337d64..7fcf1dadd 100644
--- a/svelte-app/src/components/portable-text/serializers/list-item.svelte
+++ b/svelte-app/src/components/portable-text/serializers/list-item.svelte
@@ -1 +1,9 @@
+<script lang="ts">
+  import type { ListItemComponentProps } from '@portabletext/svelte';
+
+  export let portableText: ListItemComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <li><slot /></li>
diff --git a/svelte-app/src/components/portable-text/serializers/null-mark.svelte b/svelte-app/src/components/portable-text/serializers/null-mark.svelte
index 4fa864ce7..4c802f12d 100644
--- a/svelte-app/src/components/portable-text/serializers/null-mark.svelte
+++ b/svelte-app/src/components/portable-text/serializers/null-mark.svelte
@@ -1 +1,9 @@
+<script lang="ts">
+  import type { MarkComponentProps } from '@portabletext/svelte';
+
+  export let portableText: MarkComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <slot />
diff --git a/svelte-app/src/components/portable-text/serializers/ol-item.svelte b/svelte-app/src/components/portable-text/serializers/ol-item.svelte
index b80337d64..7fcf1dadd 100644
--- a/svelte-app/src/components/portable-text/serializers/ol-item.svelte
+++ b/svelte-app/src/components/portable-text/serializers/ol-item.svelte
@@ -1 +1,9 @@
+<script lang="ts">
+  import type { ListItemComponentProps } from '@portabletext/svelte';
+
+  export let portableText: ListItemComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <li><slot /></li>
diff --git a/svelte-app/src/components/portable-text/serializers/ol-wrapper.svelte b/svelte-app/src/components/portable-text/serializers/ol-wrapper.svelte
index 46007f242..108b47508 100644
--- a/svelte-app/src/components/portable-text/serializers/ol-wrapper.svelte
+++ b/svelte-app/src/components/portable-text/serializers/ol-wrapper.svelte
@@ -1,3 +1,11 @@
+<script lang="ts">
+  import type { ListComponentProps } from '@portabletext/svelte';
+
+  export let portableText: ListComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <ol class="pt-ol"><slot /></ol>
 
 <style lang="scss">
diff --git a/svelte-app/src/components/portable-text/serializers/ul-wrapper.svelte b/svelte-app/src/components/portable-text/serializers/ul-wrapper.svelte
index 816056138..ea3601b3a 100644
--- a/svelte-app/src/components/portable-text/serializers/ul-wrapper.svelte
+++ b/svelte-app/src/components/portable-text/serializers/ul-wrapper.svelte
@@ -1,3 +1,11 @@
+<script lang="ts">
+  import type { ListComponentProps } from '@portabletext/svelte';
+
+  export let portableText: ListComponentProps;
+
+  $: ({ value: _value } = portableText);
+</script>
+
 <ul class="pt-ul"><slot /></ul>
 
 <style lang="scss">
diff --git a/svelte-app/src/hooks.server.ts b/svelte-app/src/hooks.server.ts
index 9dc38c554..bb8189e98 100644
--- a/svelte-app/src/hooks.server.ts
+++ b/svelte-app/src/hooks.server.ts
@@ -1,4 +1,4 @@
-import { APP_LANGS, LOCAL_SETTINGS_KEY } from '$lib/consts';
+import { APP_LANGS, APP_THEMES, LOCAL_SETTINGS_KEY } from '$lib/consts';
 
 import type { Handle, HandleServerError, ResolveOptions } from '@sveltejs/kit';
 
@@ -39,7 +39,7 @@ export const handle = (async ({ event, resolve }) => {
     );
   }
 
-  let theme = '';
+  let theme: (typeof APP_THEMES)[keyof typeof APP_THEMES] = APP_THEMES.DARK;
 
   if (settings) {
     try {
@@ -60,8 +60,8 @@ export const handle = (async ({ event, resolve }) => {
   }
 
   // Fall back to dark theme
-  if (!theme || !['light', 'dark'].includes(theme)) {
-    theme = 'dark';
+  if (!theme || !Object.values(APP_THEMES).includes(theme)) {
+    theme = APP_THEMES.DARK;
   }
 
   transforms.push((html) => replaceTheme(html, theme));
diff --git a/svelte-app/src/languages/en.json b/svelte-app/src/languages/en.json
index 32bcb7210..ee4437dd5 100644
--- a/svelte-app/src/languages/en.json
+++ b/svelte-app/src/languages/en.json
@@ -10,6 +10,7 @@
   "Blog": "Blog",
   "Click here to": "Click here to",
   "Code block": "Code block",
+  "Copy to clipboard": "Copy to clipboard",
   "Date posted": "Date posted",
   "English": "English",
   "Error": "Error",
@@ -40,8 +41,8 @@
   "Show stack trace": "Show stack trace",
   "Skip to content": "Skip to content",
   "Sorry, something went wrong. Please try again.": "Sorry, something went wrong. Please try again.",
-  "Switch to english": "Switch to english",
-  "Switch to french": "Switch to french",
+  "Switch to English": "Switch to English",
+  "Switch to French": "Switch to French",
   "Tags": "Tags",
   "Thoughts": "Thoughts",
   "Thoughts about tech, design, and development": "Thoughts about tech, design, and development",
diff --git a/svelte-app/src/languages/fr.json b/svelte-app/src/languages/fr.json
index 3a6bbbb08..f99c18f75 100644
--- a/svelte-app/src/languages/fr.json
+++ b/svelte-app/src/languages/fr.json
@@ -10,6 +10,7 @@
   "Blog": "Blog",
   "Click here to": "Cliquez ici pour",
   "Code block": "Bloc de code",
+  "Copy to clipboard": "Copier dans le presse-papiers",
   "Date posted": "Date de publication",
   "English": "Anglais",
   "Error": "Erreur",
@@ -40,8 +41,8 @@
   "Show stack trace": "Afficher la trace de la pile",
   "Skip to content": "Passer au contenu",
   "Sorry, something went wrong. Please try again.": "Désolé, quelque chose s'est mal passé. Veuillez réessayer.",
-  "Switch to english": "Passer à l'anglais",
-  "Switch to french": "Passer au français",
+  "Switch to English": "Passer à l'Anglais",
+  "Switch to French": "Passer au Français",
   "Tags": "Tags",
   "Thoughts": "Pensées",
   "Thoughts about tech, design, and development": "Pensées sur la technologie, le design et le développement",
@@ -57,10 +58,10 @@
   "present": "présent",
   "refresh the page": "rafraîchir la page",
   "{length} min read": "{length} minute de lecture",
+  "{months} months": "{months} mois",
   "{month} month": "{month} mois",
-  "{month} months": "{month} mois",
   "{stars} stars": "{stars} étoiles",
   "{views} views": "{views} vues",
-  "{year} year": "{year} an",
-  "{year} years": "{year} ans"
+  "{years} years": "{years} ans",
+  "{year} year": "{year} an"
 }
\ No newline at end of file
diff --git a/svelte-app/src/lib/consts.ts b/svelte-app/src/lib/consts.ts
index fb197f511..61a4489a7 100644
--- a/svelte-app/src/lib/consts.ts
+++ b/svelte-app/src/lib/consts.ts
@@ -1,6 +1,13 @@
-export const LIGHT_THEME = 'light';
-export const DARK_THEME = 'dark';
-export const APP_THEMES = [LIGHT_THEME, DARK_THEME];
+export const APP_THEMES = {
+  DARK: 'dark',
+  LIGHT: 'light'
+} as const;
+
+export const MEDIA_QUERIES = {
+  DARK_THEME: '(prefers-color-scheme: dark)',
+  LIGHT_THEME: '(prefers-color-scheme: light)',
+  REDUCE_MOTION: '(prefers-reduced-motion: reduce)'
+} as const;
 
 export const APP_LANGS = ['en', 'fr'];
 export const DEFAULT_APP_LANG = APP_LANGS[0];
@@ -58,6 +65,11 @@ export const NAV_LINKS = TOP_LEVEL_ROUTES.filter((route) => !route.hidden)?.map(
   })
 );
 
+export const ERRORS = {
+  GENERIC_NO_DATA: 'Failed to load required data.',
+  GENERIC_SOMETHING_WENT_WRONG: 'Sorry, something went wrong. Please try again.'
+} as const;
+
 export const BASE_TRANSITION_DURATION = 200 as const;
 export const BASE_ANIMATION_DURATION = 300 as const;
 
diff --git a/svelte-app/src/lib/data.ts b/svelte-app/src/lib/data.ts
index 499769a82..c29112137 100644
--- a/svelte-app/src/lib/data.ts
+++ b/svelte-app/src/lib/data.ts
@@ -1,12 +1,9 @@
+import { browser } from '$app/environment';
+import { ERRORS } from '$lib/consts';
 import Logger from '$lib/logger';
 
 import { error } from '@sveltejs/kit';
 
-import type { NumericRange } from '@sveltejs/kit';
-
-const GENERIC_ERROR_NO_DATA = 'Failed to load required data.',
-  GENERIC_ERROR_SOMETHING_WENT_WRONG = 'Sorry, something went wrong. Please try again.';
-
 const createGenericError = (message: string) => new Error(message);
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -20,16 +17,16 @@ type CleanArray<T extends any[]> = {
 export const handleLoadError = <T>(data?: T | Error): Clean<T> => {
   if (!data) {
     throw error(500, {
-      message: GENERIC_ERROR_NO_DATA,
-      stack: createGenericError(GENERIC_ERROR_NO_DATA).stack
+      message: ERRORS.GENERIC_NO_DATA,
+      stack: createGenericError(ERRORS.GENERIC_NO_DATA).stack
     });
   }
 
   if (data instanceof Error) {
-    throw error((data as Error & { code?: NumericRange<400, 599> })?.code ?? 500, {
-      message: data?.message || GENERIC_ERROR_SOMETHING_WENT_WRONG,
+    throw error((data as Error)?.code ?? 500, {
+      message: data?.message || ERRORS.GENERIC_SOMETHING_WENT_WRONG,
       cause: data?.cause,
-      stack: data?.stack || createGenericError(GENERIC_ERROR_SOMETHING_WENT_WRONG).stack
+      stack: data?.stack || createGenericError(ERRORS.GENERIC_SOMETHING_WENT_WRONG).stack
     });
   }
 
@@ -37,22 +34,39 @@ export const handleLoadError = <T>(data?: T | Error): Clean<T> => {
     const erroredData = data.filter((item) => item instanceof Error) as Error[];
 
     if (erroredData.length) {
-      throw error(
-        (erroredData[0] as Error & { code?: NumericRange<400, 599> })?.code ?? 500,
-        {
-          message: erroredData[0]?.message || GENERIC_ERROR_SOMETHING_WENT_WRONG,
-          cause: erroredData[0]?.cause,
-          stack:
-            erroredData[0]?.stack ||
-            createGenericError(GENERIC_ERROR_SOMETHING_WENT_WRONG).stack
-        }
-      );
+      throw error((erroredData[0] as Error)?.code ?? 500, {
+        message: erroredData[0]?.message || ERRORS.GENERIC_SOMETHING_WENT_WRONG,
+        cause: erroredData[0]?.cause,
+        stack:
+          erroredData[0]?.stack ||
+          createGenericError(ERRORS.GENERIC_SOMETHING_WENT_WRONG).stack
+      });
     }
   }
 
   return data as Clean<T>;
 };
 
+/*
+ * Since Netlify has a timeout of 10s for any SSR function, we need to wrap
+ * all SSR'd fetches in our own timeout block to abort and have the browser
+ * handle fetching instead
+ */
+export const tryFetch = <T>(promise: Promise<T>, ms = 8000): Promise<T> => {
+  if (browser) {
+    return promise;
+  }
+
+  const timeout = new Promise<T>((resolve, reject) => {
+    const timer = setTimeout(() => {
+      clearTimeout(timer);
+      reject(new Error('Fetch timed out in SSR'));
+    }, ms);
+  });
+
+  return Promise.race([timeout, promise]);
+};
+
 export const fetchRepoStats = async (fetch: typeof window.fetch, githubUrl?: string) => {
   try {
     const repo = githubUrl?.split('github.com/')?.[1];
diff --git a/svelte-app/src/lib/date.ts b/svelte-app/src/lib/date.ts
index 458702f78..86334beb7 100644
--- a/svelte-app/src/lib/date.ts
+++ b/svelte-app/src/lib/date.ts
@@ -1,7 +1,38 @@
 /* eslint-disable func-call-spacing */
 import { derived } from 'svelte/store';
 
-import { currentLang, t } from '$i18n';
+import { currentLang, t } from '$lib/i18n';
+
+export const formatDate = derived(
+  [currentLang],
+  ([currentLang]) =>
+    (dateStr: string, format: 'full' | 'med' | 'short' = 'full') => {
+      const date = new Date(dateStr);
+
+      switch (format) {
+        case 'full':
+          return new Intl.DateTimeFormat(currentLang, {
+            month: 'long',
+            day: 'numeric',
+            year: 'numeric',
+            timeZone: 'UTC'
+          }).format(date);
+        case 'short':
+          return new Intl.DateTimeFormat(currentLang, {
+            month: 'short',
+            day: 'numeric',
+            timeZone: 'UTC'
+          }).format(date);
+        case 'med':
+          return new Intl.DateTimeFormat(currentLang, {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+            timeZone: 'UTC'
+          }).format(date);
+      }
+    }
+);
 
 export const displayRange = derived([currentLang, t], ([currentLang, t]) => {
   return (start: string, end: string | undefined) => {
@@ -77,3 +108,33 @@ export const displayMonthDuration = derived<
     return `${yearString}${yearString && monthString ? ' ' : ''}${monthString}`;
   };
 });
+
+export const sortDocumentsByYear = <T extends { date?: string; _createdAt: string }>(
+  documents: T[]
+) => {
+  const grouped =
+    documents.reduce(
+      (acc, doc) => {
+        const year = new Date(doc.date || doc._createdAt).getFullYear();
+
+        !acc[year] && (acc[year] = []);
+        acc[year].push(doc);
+
+        return acc;
+      },
+      {} as Record<string, NonNullable<T[]>>
+    ) || {};
+
+  return Object.keys(grouped)
+    .sort((a, b) => parseInt(b, 10) - parseInt(a, 10))
+    .map((group) => {
+      return {
+        year: parseInt(group, 10),
+        items: grouped[group].sort((a, b) => {
+          const aDate = new Date(a.date || a._createdAt);
+          const bDate = new Date(b.date || b._createdAt);
+          return bDate.getTime() - aDate.getTime();
+        })
+      };
+    });
+};
diff --git a/svelte-app/src/lib/helpers/date.ts b/svelte-app/src/lib/helpers/date.ts
deleted file mode 100644
index 2a60c3d71..000000000
--- a/svelte-app/src/lib/helpers/date.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { get } from 'svelte/store';
-
-import { currentLang } from '$i18n';
-
-export const formatDate = (
-  dateStr: string,
-  format: 'full' | 'med' | 'short' = 'full',
-  lang: string = get(currentLang) || 'en'
-) => {
-  const date = new Date(dateStr);
-
-  switch (format) {
-    case 'full':
-      return new Intl.DateTimeFormat(lang, {
-        month: 'long',
-        day: 'numeric',
-        year: 'numeric',
-        timeZone: 'UTC'
-      }).format(date);
-    case 'short':
-      return new Intl.DateTimeFormat(lang, {
-        month: 'short',
-        day: 'numeric',
-        timeZone: 'UTC'
-      }).format(date);
-    case 'med':
-      return new Intl.DateTimeFormat(lang, {
-        month: 'short',
-        day: 'numeric',
-        year: 'numeric',
-        timeZone: 'UTC'
-      }).format(date);
-  }
-};
-
-export const sortDocumentsByYear = <T extends { date?: string; _createdAt: string }>(
-  documents: T[]
-) => {
-  const grouped =
-    documents.reduce(
-      (acc, doc) => {
-        const year = new Date(doc.date || doc._createdAt).getFullYear();
-
-        !acc[year] && (acc[year] = []);
-        acc[year].push(doc);
-
-        return acc;
-      },
-      {} as Record<string, NonNullable<T[]>>
-    ) || {};
-
-  return Object.keys(grouped)
-    .sort((a, b) => parseInt(b, 10) - parseInt(a, 10))
-    .map((group) => {
-      return {
-        year: parseInt(group, 10),
-        items: grouped[group].sort((a, b) => {
-          const aDate = new Date(a.date || a._createdAt);
-          const bDate = new Date(b.date || b._createdAt);
-          return bDate.getTime() - aDate.getTime();
-        })
-      };
-    });
-};
diff --git a/svelte-app/src/lib/helpers/emoji.ts b/svelte-app/src/lib/helpers/emoji.ts
deleted file mode 100644
index 711727c57..000000000
--- a/svelte-app/src/lib/helpers/emoji.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import twemoji from 'twemoji';
-
-export const parseEmoji = (element: HTMLElement) => {
-  element && twemoji.parse(element),
-    element?.querySelectorAll('img.emoji')?.forEach((emoji: Element) => {
-      if (!(emoji as HTMLElement)?.style) {
-        return;
-      }
-      (emoji as HTMLElement).setAttribute(
-        'style',
-        'display: inline-block;width: 1.1em;height: 1.1em;margin-right: 0.05em;vertical-align: -0.1em;'.replace(
-          /\s+/g,
-          ' '
-        )
-      );
-    });
-};
diff --git a/svelte-app/src/lib/helpers/scrollTo.ts b/svelte-app/src/lib/helpers/scrollTo.ts
deleted file mode 100644
index bb1feec38..000000000
--- a/svelte-app/src/lib/helpers/scrollTo.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { Page as PageStore } from '@sveltejs/kit';
-
-export default (url: PageStore['url'], scrollParams: ScrollIntoViewOptions = {}) => {
-  const { hash } = url || { hash: '' };
-
-  if (!hash.length) {
-    return;
-  }
-
-  const target =
-    document.getElementById(hash.slice(1)) ||
-    document.getElementById(`heading-${hash.slice(1)}`);
-
-  target?.scrollIntoView({
-    behavior: 'smooth',
-    block: 'center',
-    ...scrollParams
-  });
-};
diff --git a/svelte-app/src/lib/helpers/i18n.ts b/svelte-app/src/lib/i18n.ts
similarity index 100%
rename from svelte-app/src/lib/helpers/i18n.ts
rename to svelte-app/src/lib/i18n.ts
diff --git a/svelte-app/src/lib/icons.ts b/svelte-app/src/lib/icons.ts
deleted file mode 100644
index 1028eb8f2..000000000
--- a/svelte-app/src/lib/icons.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import Logger from '$lib/logger';
-
-import Alert from 'pixelarticons/svg/alert.svg';
-import ArrowBarUp from 'pixelarticons/svg/arrow-bar-up.svg';
-import ArrowLeft from 'pixelarticons/svg/arrow-left.svg';
-import ArrowRight from 'pixelarticons/svg/arrow-right.svg';
-import ArrowUp from 'pixelarticons/svg/arrow-up.svg';
-import BackBurger from 'pixelarticons/svg/backburger.svg';
-import Check from 'pixelarticons/svg/check.svg';
-import Copy from 'pixelarticons/svg/copy.svg';
-import Downasaur from 'pixelarticons/svg/downasaur.svg';
-import ForwardBurger from 'pixelarticons/svg/forwardburger.svg';
-import GitCommit from 'pixelarticons/svg/git-commit.svg';
-import Link from 'pixelarticons/svg/link.svg';
-import MailArrowRight from 'pixelarticons/svg/mail-arrow-right.svg';
-import MoonStars from 'pixelarticons/svg/moon-stars.svg';
-import Script from 'pixelarticons/svg/script.svg';
-import Sun from 'pixelarticons/svg/sun.svg';
-
-import type { PixelIcon } from '$types';
-import type { ComponentType } from 'svelte';
-
-export const icons = {
-  alert: Alert,
-  'arrow-bar-up': ArrowBarUp,
-  'arrow-left': ArrowLeft,
-  'arrow-right': ArrowRight,
-  'arrow-up': ArrowUp,
-  'back-burger': BackBurger,
-  check: Check,
-  copy: Copy,
-  downasaur: Downasaur,
-  'forward-burger': ForwardBurger,
-  'git-commit': GitCommit,
-  link: Link,
-  'mail-arrow-right': MailArrowRight,
-  'moon-stars': MoonStars,
-  script: Script,
-  sun: Sun
-};
-
-const transformName = (name: string) =>
-  name
-    .replace(/([a-z])([A-Z])|([A-Z])([A-Z](?=[a-z]))|([a-zA-Z])(\d)/g, '$1$3$5-$2$4$6')
-    .toLowerCase();
-
-const getIcon = (iconName: string) => {
-  let name = transformName(iconName);
-  if (!(name in icons)) {
-    Logger.error(`Icon ${name} not found`);
-    name = 'alert';
-  }
-  return (icons as unknown as Record<string, ComponentType<PixelIcon>>)[name];
-};
-
-export default { get: getIcon };
diff --git a/svelte-app/src/lib/icons/alert.svelte b/svelte-app/src/lib/icons/alert.svelte
new file mode 100644
index 000000000..3525a7727
--- /dev/null
+++ b/svelte-app/src/lib/icons/alert.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M13 1h-2v2H9v2H7v2H5v2H3v2H1v2h2v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2h-2V9h-2V7h-2V5h-2V3h-2V1zm0 2v2h2v2h2v2h2v2h2v2h-2v2h-2v2h-2v2h-2v2h-2v-2H9v-2H7v-2H5v-2H3v-2h2V9h2V7h2V5h2V3h2zm0 4h-2v6h2V7zm0 8h-2v2h2v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/arrow-bar-up.svelte b/svelte-app/src/lib/icons/arrow-bar-up.svelte
new file mode 100644
index 000000000..d60565450
--- /dev/null
+++ b/svelte-app/src/lib/icons/arrow-bar-up.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M4 6h16V4H4v2zm7 14h2v-8h2v2h2v-2h-2v-2h-2V8h-2v2H9v2H7v2h2v-2h2v8z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/arrow-left.svelte b/svelte-app/src/lib/icons/arrow-left.svelte
new file mode 100644
index 000000000..43755852b
--- /dev/null
+++ b/svelte-app/src/lib/icons/arrow-left.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M20 11v2H8v2H6v-2H4v-2h2V9h2v2h12zM10 7H8v2h2V7zm0 0h2V5h-2v2zm0 10H8v-2h2v2zm0 0h2v2h-2v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/arrow-right.svelte b/svelte-app/src/lib/icons/arrow-right.svelte
new file mode 100644
index 000000000..368ac2f17
--- /dev/null
+++ b/svelte-app/src/lib/icons/arrow-right.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M4 11v2h12v2h2v-2h2v-2h-2V9h-2v2H4zm10-4h2v2h-2V7zm0 0h-2V5h2v2zm0 10h2v-2h-2v2zm0 0h-2v2h2v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/arrow-up.svelte b/svelte-app/src/lib/icons/arrow-up.svelte
new file mode 100644
index 000000000..aa78f3796
--- /dev/null
+++ b/svelte-app/src/lib/icons/arrow-up.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M11 20h2V8h2V6h-2V4h-2v2H9v2h2v12zM7 10V8h2v2H7zm0 0v2H5v-2h2zm10 0V8h-2v2h2zm0 0v2h2v-2h-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/backburger.svelte b/svelte-app/src/lib/icons/backburger.svelte
new file mode 100644
index 000000000..1dac4ff0c
--- /dev/null
+++ b/svelte-app/src/lib/icons/backburger.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M11 7h10v2H11V7zm-8 4h2V9h2v2h14v2H7v2H5v-2H3v-2zm4 4v2h2v-2H7zm0-6V7h2v2H7zm14 6H11v2h10v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/base-icon-wrapper.svelte b/svelte-app/src/lib/icons/base-icon-wrapper.svelte
new file mode 100644
index 000000000..39b9520df
--- /dev/null
+++ b/svelte-app/src/lib/icons/base-icon-wrapper.svelte
@@ -0,0 +1,3 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...$$restProps}>
+  <slot />
+</svg>
diff --git a/svelte-app/src/lib/icons/check.svelte b/svelte-app/src/lib/icons/check.svelte
new file mode 100644
index 000000000..ed06280d8
--- /dev/null
+++ b/svelte-app/src/lib/icons/check.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M18 6h2v2h-2V6zm-2 4V8h2v2h-2zm-2 2v-2h2v2h-2zm-2 2h2v-2h-2v2zm-2 2h2v-2h-2v2zm-2 0v2h2v-2H8zm-2-2h2v2H6v-2zm0 0H4v-2h2v2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/copy.svelte b/svelte-app/src/lib/icons/copy.svelte
new file mode 100644
index 000000000..36b56a424
--- /dev/null
+++ b/svelte-app/src/lib/icons/copy.svelte
@@ -0,0 +1 @@
+<path d="M4 2h11v2H6v13H4V2zm4 4h12v16H8V6zm2 2v12h8V8h-8z" fill="currentColor" />
diff --git a/svelte-app/src/lib/icons/downasaur.svelte b/svelte-app/src/lib/icons/downasaur.svelte
new file mode 100644
index 000000000..2a61fcec7
--- /dev/null
+++ b/svelte-app/src/lib/icons/downasaur.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M6 4h14v2h2v6h-8v2h6v2h-4v2h-2v2H2V8h2V6h2V4zm2 6h2V8H8v2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/forwardburger.svelte b/svelte-app/src/lib/icons/forwardburger.svelte
new file mode 100644
index 000000000..081460f13
--- /dev/null
+++ b/svelte-app/src/lib/icons/forwardburger.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M13 7H3v2h10V7zm8 4h-2V9h-2V7h-2v2h2v2H3v2h14v2h-2v2h2v-2h2v-2h2v-2zM3 15h10v2H3v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/git-commit.svelte b/svelte-app/src/lib/icons/git-commit.svelte
new file mode 100644
index 000000000..f75ca7d85
--- /dev/null
+++ b/svelte-app/src/lib/icons/git-commit.svelte
@@ -0,0 +1 @@
+<path d="M7 7h10v4h5v2h-5v4H7v-4H2v-2h5V7zm2 2v6h6V9H9z" fill="currentColor" />
diff --git a/svelte-app/src/lib/icons/index.ts b/svelte-app/src/lib/icons/index.ts
new file mode 100644
index 000000000..316c33c19
--- /dev/null
+++ b/svelte-app/src/lib/icons/index.ts
@@ -0,0 +1,16 @@
+export { default as Alert } from '$lib/icons/alert.svelte';
+export { default as ArrowBarUp } from '$lib/icons/arrow-bar-up.svelte';
+export { default as ArrowLeft } from '$lib/icons/arrow-left.svelte';
+export { default as ArrowRight } from '$lib/icons/arrow-right.svelte';
+export { default as ArrowUp } from '$lib/icons/arrow-up.svelte';
+export { default as BackBurger } from '$lib/icons/backburger.svelte';
+export { default as Check } from '$lib/icons/check.svelte';
+export { default as Copy } from '$lib/icons/copy.svelte';
+export { default as Downasaur } from '$lib/icons/downasaur.svelte';
+export { default as ForwardBurger } from '$lib/icons/forwardburger.svelte';
+export { default as GitCommit } from '$lib/icons/git-commit.svelte';
+export { default as Link } from '$lib/icons/link.svelte';
+export { default as MailArrowRight } from '$lib/icons/mail-arrow-right.svelte';
+export { default as MoonStars } from '$lib/icons/moon-stars.svelte';
+export { default as Script } from '$lib/icons/script.svelte';
+export { default as Sun } from '$lib/icons/sun.svelte';
diff --git a/svelte-app/src/lib/icons/link.svelte b/svelte-app/src/lib/icons/link.svelte
new file mode 100644
index 000000000..1ac7b25a6
--- /dev/null
+++ b/svelte-app/src/lib/icons/link.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M4 6h7v2H4v8h7v2H2V6h2zm16 0h-7v2h7v8h-7v2h9V6h-2zm-3 5H7v2h10v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/mail-arrow-right.svelte b/svelte-app/src/lib/icons/mail-arrow-right.svelte
new file mode 100644
index 000000000..620d3fe08
--- /dev/null
+++ b/svelte-app/src/lib/icons/mail-arrow-right.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M20 4H2v16h10v-2H4V6h16v6h2V4h-2zM6 8h2v2H6V8zm4 4H8v-2h2v2zm4 0v2h-4v-2h4zm2-2v2h-2v-2h2zm0 0V8h2v2h-2zm8 8h-2v-2h-2v-2h-2v2h2v2h-6v2h6v2h-2v2h2v-2h2v-2h2v-2z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/moon-stars.svelte b/svelte-app/src/lib/icons/moon-stars.svelte
new file mode 100644
index 000000000..31d7ecd73
--- /dev/null
+++ b/svelte-app/src/lib/icons/moon-stars.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M20 0h2v2h2v2h-2v2h-2V4h-2V2h2V0ZM8 4h8v2h-2v2h-2V6H8V4ZM6 8V6h2v2H6Zm0 8H4V8h2v8Zm2 2H6v-2h2v2Zm8 0v2H8v-2h8Zm2-2v2h-2v-2h2Zm-2-4v-2h2V8h2v8h-2v-4h-2Zm-4 0h4v2h-4v-2Zm0 0V8h-2v4h2Zm-8 6H2v2H0v2h2v2h2v-2h2v-2H4v-2Z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/script.svelte b/svelte-app/src/lib/icons/script.svelte
new file mode 100644
index 000000000..07e0ad657
--- /dev/null
+++ b/svelte-app/src/lib/icons/script.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M6 3h14v2h2v6h-2v8h-2V5H6V3zm8 14v-2H6V5H4v10H2v4h2v2h14v-2h-2v-2h-2zm0 0v2H4v-2h10z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/icons/sun.svelte b/svelte-app/src/lib/icons/sun.svelte
new file mode 100644
index 000000000..23e42801e
--- /dev/null
+++ b/svelte-app/src/lib/icons/sun.svelte
@@ -0,0 +1,4 @@
+<path
+  d="M13 3h-2v2h2V3zm4 2h2v2h-2V5zm-6 6h2v2h-2v-2zm-8 0h2v2H3v-2zm18 0h-2v2h2v-2zM5 5h2v2H5V5zm14 14h-2v-2h2v2zm-8 2h2v-2h-2v2zm-4-2H5v-2h2v2zM9 7h6v2H9V7zm0 8H7V9h2v6zm0 0v2h6v-2h2V9h-2v6H9z"
+  fill="currentColor"
+/>
diff --git a/svelte-app/src/lib/helpers/navigation.ts b/svelte-app/src/lib/navigation.ts
similarity index 51%
rename from svelte-app/src/lib/helpers/navigation.ts
rename to svelte-app/src/lib/navigation.ts
index f14619478..ca6bb660d 100644
--- a/svelte-app/src/lib/helpers/navigation.ts
+++ b/svelte-app/src/lib/navigation.ts
@@ -1,8 +1,10 @@
 import { derived } from 'svelte/store';
 
 import { page } from '$app/stores';
-import { isLocalized, t } from '$i18n';
 import { APP_ROUTES, BASE_PAGE_TITLE } from '$lib/consts';
+import { isLocalized, t } from '$lib/i18n';
+
+import type { Page as PageStore } from '@sveltejs/kit';
 
 export const pageTitle = derived([isLocalized, t, page], (vals) => {
   const basePathname = vals[2]?.url?.pathname ?? '/',
@@ -15,3 +17,24 @@ export const pageTitle = derived([isLocalized, t, page], (vals) => {
     ? `${vals[1](route.name)} | ${BASE_PAGE_TITLE}`
     : BASE_PAGE_TITLE;
 });
+
+export const scrollTo = (
+  url: PageStore['url'],
+  scrollParams: ScrollIntoViewOptions = {}
+) => {
+  const { hash } = url || { hash: '' };
+
+  if (!hash.length) {
+    return;
+  }
+
+  const target =
+    document.getElementById(hash.slice(1)) ||
+    document.getElementById(`heading-${hash.slice(1)}`);
+
+  target?.scrollIntoView({
+    behavior: 'smooth',
+    block: 'center',
+    ...scrollParams
+  });
+};
diff --git a/svelte-app/src/lib/helpers/responsive.ts b/svelte-app/src/lib/responsive.ts
similarity index 100%
rename from svelte-app/src/lib/helpers/responsive.ts
rename to svelte-app/src/lib/responsive.ts
diff --git a/svelte-app/src/lib/helpers/image.ts b/svelte-app/src/lib/sanity.ts
similarity index 100%
rename from svelte-app/src/lib/helpers/image.ts
rename to svelte-app/src/lib/sanity.ts
diff --git a/svelte-app/src/lib/settings.ts b/svelte-app/src/lib/settings.ts
new file mode 100644
index 000000000..910629eaa
--- /dev/null
+++ b/svelte-app/src/lib/settings.ts
@@ -0,0 +1,75 @@
+import { get, writable } from 'svelte/store';
+
+import { useMediaQuery } from 'svelte-breakpoints';
+
+import { browser } from '$app/environment';
+import { APP_THEMES, LOCAL_SETTINGS_KEY, MEDIA_QUERIES } from '$lib/consts';
+import Logger from '$lib/logger';
+
+type Settings = {
+  theme: (typeof APP_THEMES)[keyof typeof APP_THEMES];
+  reduce_motion: boolean;
+};
+
+const defaultSettings = {
+  theme: writable<(typeof APP_THEMES)[keyof typeof APP_THEMES]>('dark'),
+  reduce_motion: writable<boolean>(false)
+} as const;
+
+if (browser) {
+  const storedSettings = localStorage.getItem(LOCAL_SETTINGS_KEY);
+
+  if (storedSettings) {
+    try {
+      const parsedSettings = JSON.parse(atob(storedSettings)) as Settings | undefined;
+
+      if (
+        typeof parsedSettings?.theme === 'string' &&
+        Object.values(APP_THEMES).includes(parsedSettings.theme)
+      ) {
+        defaultSettings.theme.set(parsedSettings.theme);
+      }
+      if (typeof parsedSettings?.reduce_motion === 'boolean') {
+        defaultSettings.reduce_motion.set(parsedSettings.reduce_motion);
+      }
+    } catch (e) {
+      Logger.error('Failed to parse localStorage settings', e);
+    }
+  }
+}
+
+for (const key in defaultSettings) {
+  defaultSettings[key as keyof typeof defaultSettings].subscribe(() => {
+    if (!browser) {
+      return;
+    }
+
+    const settings = btoa(
+      JSON.stringify(
+        Object.entries(defaultSettings).map(([key, setting]) => [
+          key,
+          get<string | boolean>(setting)
+        ])
+      )
+    );
+
+    localStorage.setItem(LOCAL_SETTINGS_KEY, settings);
+    document.cookie = `${LOCAL_SETTINGS_KEY}=${settings}; path=/`;
+  });
+}
+
+if (browser) {
+  useMediaQuery(MEDIA_QUERIES.DARK_THEME).subscribe(
+    (val) => val && defaultSettings.theme.set(APP_THEMES.DARK)
+  );
+  useMediaQuery(MEDIA_QUERIES.LIGHT_THEME).subscribe(
+    (val) => val && defaultSettings.theme.set(APP_THEMES.LIGHT)
+  );
+  useMediaQuery(MEDIA_QUERIES.REDUCE_MOTION).subscribe((val) =>
+    defaultSettings.reduce_motion.set(val)
+  );
+}
+
+export const loading = writable(false);
+
+export default defaultSettings;
diff --git a/svelte-app/src/lib/store.ts b/svelte-app/src/lib/store.ts
index 66dc64ca3..7dce3a1d8 100644
--- a/svelte-app/src/lib/store.ts
+++ b/svelte-app/src/lib/store.ts
@@ -1,7 +1,7 @@
 import { browser } from '$app/environment';
+import { tryFetch } from '$lib/data';
 import { API_URL } from '$lib/env';
 import Logger from '$lib/logger';
-import tryFetch from '$lib/try-fetch';
 
 import type {
   DocumentTags,
diff --git a/svelte-app/src/lib/try-fetch.ts b/svelte-app/src/lib/try-fetch.ts
deleted file mode 100644
index 3afe1b732..000000000
--- a/svelte-app/src/lib/try-fetch.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { browser } from '$app/environment';
-
-/*
- * Since Netlify has a timeout of 10s for any SSR function, we need to wrap
- * all SSR'd fetches in our own timeout block to abort and have the browser
- * handle fetching instead
- */
-export default <T>(promise: Promise<T>, ms = 8000): Promise<T> => {
-  if (browser) {
-    return promise;
-  }
-
-  const timeout = new Promise<T>((resolve, reject) => {
-    const timer = setTimeout(() => {
-      clearTimeout(timer);
-      reject(new Error('Fetch timed out in SSR'));
-    }, ms);
-  });
-
-  return Promise.race([timeout, promise]);
-};
diff --git a/svelte-app/src/lib/utils.ts b/svelte-app/src/lib/utils.ts
new file mode 100644
index 000000000..12949f2d9
--- /dev/null
+++ b/svelte-app/src/lib/utils.ts
@@ -0,0 +1,40 @@
+// Misc utils that don't fit anywhere else
+import { derived } from 'svelte/store';
+
+import { currentLang } from '$lib/i18n';
+
+import twemoji from 'twemoji';
+
+export const parseEmoji = (element: HTMLElement) => {
+  element && twemoji.parse(element),
+    element?.querySelectorAll('img.emoji')?.forEach((emoji: Element) => {
+      if (!(emoji as HTMLElement)?.style) {
+        return;
+      }
+      (emoji as HTMLElement).setAttribute(
+        'style',
+        'display: inline-block;width: 1.1em;height: 1.1em;margin-right: 0.05em;vertical-align: -0.1em;'.replace(
+          /\s+/g,
+          ' '
+        )
+      );
+    });
+};
+
+const _parseViews = (views: number | undefined, lang: string) => {
+  if (!views || views < 1) {
+    return 0;
+  }
+
+  const parser = new Intl.NumberFormat(lang, {
+    notation: 'compact',
+    compactDisplay: 'short'
+  });
+
+  return parser.format(views);
+};
+
+export const parseViews = derived(
+  currentLang,
+  (currentLang) => (views: number | undefined) => _parseViews(views, currentLang)
+);
diff --git a/svelte-app/src/lib/views.ts b/svelte-app/src/lib/views.ts
deleted file mode 100644
index 57555d055..000000000
--- a/svelte-app/src/lib/views.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { derived } from 'svelte/store';
-
-import { currentLang } from '$i18n';
-
-const _parseViews = (views: number | undefined, lang: string) => {
-  if (!views || views < 1) {
-    return 0;
-  }
-
-  const parser = new Intl.NumberFormat(lang, {
-    notation: 'compact',
-    compactDisplay: 'short'
-  });
-
-  return parser.format(views);
-};
-
-export const parseViews = derived(
-  currentLang,
-  (currentLang) => (views: number | undefined) => _parseViews(views, currentLang)
-);
diff --git a/svelte-app/src/routes/+error.svelte b/svelte-app/src/routes/+error.svelte
index e2245b02f..da3905743 100644
--- a/svelte-app/src/routes/+error.svelte
+++ b/svelte-app/src/routes/+error.svelte
@@ -2,8 +2,8 @@
   import { slide } from 'svelte/transition';
 
   import { page } from '$app/stores';
-  import { t } from '$i18n';
   import { BASE_ANIMATION_DURATION } from '$lib/consts';
+  import { t } from '$lib/i18n';
 
   import ArrowButton from '$components/controls/arrow-button.svelte';
   import Divider from '$components/divider.svelte';
@@ -84,14 +84,14 @@
 
 {#if causes?.length}
   <Divider />
-  <ArrowButton class="w-full text-left" on:click={() => (showStack = !showStack)}>
+  <ArrowButton align="left" on:click={() => (showStack = !showStack)} fullWidth>
     <span class="flex items-center justify-start gap-2">
       <p>{$t('See more')}</p>
       <Icon
-        icon="ArrowUp"
-        width={18}
+        name="ArrowUp"
+        size={18}
         inline
-        class={showStack ? 'rotate-0' : 'rotate-180'}
+        style="transform: {showStack ? 'rotate(0)' : 'rotate(180)'};"
       />
     </span>
   </ArrowButton>
diff --git a/svelte-app/src/routes/+layout.svelte b/svelte-app/src/routes/+layout.svelte
index f1c65f8e8..8848a8b09 100644
--- a/svelte-app/src/routes/+layout.svelte
+++ b/svelte-app/src/routes/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  // eslint-disable-next-line no-restricted-imports
   import '../app.scss';
 
   import { onDestroy, onMount } from 'svelte';
@@ -6,14 +7,18 @@
   import { fly } from 'svelte/transition';
 
   import { classList } from 'svelte-body';
-  import { useMediaQuery } from 'svelte-breakpoints';
 
   import { browser } from '$app/environment';
   import { navigating, page } from '$app/stores';
-  import { check as checkTranslations, currentLang, isLocalized, t } from '$i18n';
-  import { APP_LANGS, BASE_ANIMATION_DURATION, DEFAULT_APP_LANG } from '$lib/consts';
+  import {
+    APP_LANGS,
+    APP_THEMES,
+    BASE_ANIMATION_DURATION,
+    DEFAULT_APP_LANG
+  } from '$lib/consts';
   import { ENV, SELF_BASE_URL } from '$lib/env';
-  import Settings, { loading } from '$stores/settings';
+  import { check as checkTranslations, currentLang, isLocalized, t } from '$lib/i18n';
+  import Settings, { loading } from '$lib/settings';
 
   import Footer from '$components/footer.svelte';
   import Header from '$components/header.svelte';
@@ -27,7 +32,7 @@
   let unsubscribers = [] as Unsubscriber[],
     setLoadingTimer: ReturnType<typeof setTimeout> | undefined;
 
-  const { theme, reduce_motion } = Settings,
+  const { theme } = Settings,
     skipToContent = (e: KeyboardEvent) => {
       if (e.code === 'Enter' || e.code === 'Space') {
         e.preventDefault();
@@ -42,12 +47,6 @@
       }
     };
 
-  unsubscribers.push(
-    useMediaQuery('(prefers-reduced-motion: reduce)').subscribe((value) => {
-      reduce_motion?.set(value);
-    })
-  );
-
   onMount(() => {
     if (!browser) {
       return;
@@ -85,9 +84,7 @@
 
     ENV !== 'production' && checkTranslations();
 
-    setTimeout(() => {
-      loading.set(false);
-    }, 1000);
+    setTimeout(() => loading.set(false), 1000);
   });
 
   onDestroy(() => unsubscribers.forEach((u) => u()));
@@ -102,13 +99,15 @@
       ? $page?.params?.lang
       : DEFAULT_APP_LANG
   );
-  $: browser && (document.documentElement.lang = $currentLang);
 </script>
 
 <svelte:head>
   <meta name="author" content="Kio" />
-  <meta name="theme-color" content={$theme === 'dark' ? '#16160e' : '#e5e4e6'} />
-  <meta property="og:locale" content={$currentLang === 'fr' ? 'fr_CA' : 'en_CA'} />
+  <meta name="theme-color" content={$theme === APP_THEMES.DARK ? '#16160e' : '#e5e4e6'} />
+  <meta
+    property="og:locale"
+    content={$currentLang === APP_LANGS[1] ? 'fr_CA' : 'en_CA'}
+  />
   <meta property="og:site_name" content="kio.dev" />
   <meta property="og:url" content={$page?.url?.href} />
   <meta property="og:image" content="{SELF_BASE_URL}/assets/dark-embed.png" />
diff --git a/svelte-app/src/routes/+layout.ts b/svelte-app/src/routes/+layout.ts
index 6e8b491e3..c03291472 100644
--- a/svelte-app/src/routes/+layout.ts
+++ b/svelte-app/src/routes/+layout.ts
@@ -19,7 +19,8 @@ export const load = (async ({ params, url, fetch }) => {
     Logger.error('Failed to load layout data:', e);
     throw error(500, {
       message: 'Sorry, something went wrong during load.',
-      stack: e.stack
+      cause: e?.cause,
+      stack: e?.stack
     });
   })) as SiteConfig;
 
diff --git a/svelte-app/src/routes/[[lang=lang]]/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/+page.svelte
index 1aec7ce54..b79df6aad 100644
--- a/svelte-app/src/routes/[[lang=lang]]/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { pageTitle } from '$helpers/navigation';
-  import { linkTo, t } from '$i18n';
+  import { linkTo, t } from '$lib/i18n.js';
+  import { pageTitle } from '$lib/navigation';
 
   import ArrowButton from '$components/controls/arrow-button.svelte';
   import Divider from '$components/divider.svelte';
@@ -48,10 +48,10 @@
         <ListItem document={post} small />
       {/each}
     </div>
-    <ArrowButton class="w-full" href={$linkTo('/blog')} preload>
+    <ArrowButton href={$linkTo('/blog')} fullWidth preload>
       <span class="flex items-center justify-start gap-2">
         <p>{$t('See more')}</p>
-        <Icon icon="ArrowRight" width={18} inline />
+        <Icon name="ArrowRight" size={18} inline />
       </span>
     </ArrowButton>
   {:else}
diff --git a/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte
index 3052017e8..c0eea9e60 100644
--- a/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { t } from '$helpers/i18n';
-  import { pageTitle } from '$helpers/navigation';
+  import { t } from '$lib/i18n.js';
+  import { pageTitle } from '$lib/navigation';
 
   import EmptyContent from '$components/empty-content.svelte';
   import HeadedBlock from '$components/headings/headed-block.svelte';
diff --git a/svelte-app/src/routes/[[lang=lang]]/etc/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/etc/+page.svelte
index a908682a4..f7433a84c 100644
--- a/svelte-app/src/routes/[[lang=lang]]/etc/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/etc/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { pageTitle } from '$helpers/navigation';
-  import { t } from '$i18n';
+  import { t } from '$lib/i18n.js';
+  import { pageTitle } from '$lib/navigation';
 
   import Divider from '$components/divider.svelte';
   import EmptyContent from '$components/empty-content.svelte';
diff --git a/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte
index c76137648..6aba654b6 100644
--- a/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { pageTitle } from '$helpers/navigation';
-  import { t } from '$i18n';
+  import { t } from '$lib/i18n.js';
+  import { pageTitle } from '$lib/navigation';
 
   import Timeline from '$components/about/timeline.svelte';
   import Divider from '$components/divider.svelte';
diff --git a/svelte-app/src/routes/[[lang=lang]]/work/[slug]/+page.ts b/svelte-app/src/routes/[[lang=lang]]/work/[slug]/+page.ts
index f3d3d00fa..2c6e4a711 100644
--- a/svelte-app/src/routes/[[lang=lang]]/work/[slug]/+page.ts
+++ b/svelte-app/src/routes/[[lang=lang]]/work/[slug]/+page.ts
@@ -1,7 +1,7 @@
 import { DEFAULT_APP_LANG } from '$lib/consts';
 import { fetchRepoStats, handleLoadError } from '$lib/data';
-import { buildImageUrl, getCrop } from '$lib/helpers/image';
 import Logger from '$lib/logger';
+import { buildImageUrl, getCrop } from '$lib/sanity';
 import { findOne } from '$lib/store';
 
 import type { PageLoad } from './$types';
diff --git a/svelte-app/src/stores/navigation.ts b/svelte-app/src/stores/navigation.ts
deleted file mode 100644
index 85db03056..000000000
--- a/svelte-app/src/stores/navigation.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { writable } from 'svelte/store';
-
-const navOpen = writable(false);
-
-export { navOpen };
diff --git a/svelte-app/src/stores/settings.ts b/svelte-app/src/stores/settings.ts
deleted file mode 100644
index 9ae5af998..000000000
--- a/svelte-app/src/stores/settings.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { get, writable } from 'svelte/store';
-
-import { browser } from '$app/environment';
-import { APP_THEMES, LOCAL_SETTINGS_KEY } from '$lib/consts';
-import Logger from '$lib/logger';
-
-import type { Writable } from 'svelte/store';
-
-const prefersDark = '(prefers-color-scheme: dark)';
-const prefersLight = '(prefers-color-scheme: light)';
-
-type Settings = {
-  theme: (typeof APP_THEMES)[number];
-  reduce_motion: boolean;
-};
-
-const defaultSettings = {
-  theme: writable<(typeof APP_THEMES)[number]>('dark'),
-  reduce_motion: writable<boolean>(false)
-} satisfies {
-  [key in keyof Settings]: Writable<Settings[key]>;
-};
-
-if (browser) {
-  const storedSettings = localStorage.getItem(LOCAL_SETTINGS_KEY);
-  if (storedSettings) {
-    const parsedSettings = JSON.parse(atob(storedSettings));
-
-    parsedSettings.forEach(
-      ([key, savedSetting]: [
-        key: keyof Settings | string,
-        savedSetting: Settings[keyof Settings]
-      ]) => {
-        if (!(key in defaultSettings)) {
-          Logger.warn(`Setting '${key}' does not exist`);
-          return;
-        }
-
-        // @ts-expect-error Idk how to type this shit properly
-        defaultSettings[key].set(savedSetting as never);
-      }
-    );
-  }
-}
-
-for (const key in defaultSettings) {
-  defaultSettings[key as keyof typeof defaultSettings]?.subscribe(() => {
-    if (browser) {
-      const settings = Object.entries(defaultSettings).map(([key, setting]) => [
-        key,
-        // @ts-expect-error Idk how to type this shit properly
-        get(setting)
-      ]);
-      localStorage.setItem(LOCAL_SETTINGS_KEY, btoa(JSON.stringify(settings)));
-      document.cookie = `${LOCAL_SETTINGS_KEY}=${btoa(JSON.stringify(settings))}; path=/`;
-    }
-  });
-}
-
-if (browser) {
-  window.matchMedia(prefersDark).addEventListener('change', (e) => {
-    if (e.matches) {
-      defaultSettings.theme.set('dark');
-    }
-  });
-
-  window.matchMedia(prefersLight).addEventListener('change', (e) => {
-    if (e.matches) {
-      defaultSettings.theme.set('light');
-    }
-  });
-}
-
-export const loading = writable(false);
-
-export default defaultSettings;
diff --git a/svelte-app/svelte.config.js b/svelte-app/svelte.config.js
index 67727180e..3814ac9e5 100644
--- a/svelte-app/svelte.config.js
+++ b/svelte-app/svelte.config.js
@@ -30,13 +30,16 @@ export default {
   ],
   kit: {
     alias: {
+      '@breakpoints': 'src/styles/breakpoints',
+      '@colours': 'src/styles/colours',
+      '@utils': 'src/styles/utils',
+      '@vars': 'src/styles/vars',
+      $assets: 'src/static',
       $components: 'src/components',
-      $helpers: 'src/lib/helpers',
-      $stores: 'src/stores',
       $langs: 'src/languages',
-      $i18n: 'src/lib/helpers/i18n',
       $routes: 'src/routes',
-      $tests: 'tests'
+      $tests: 'tests',
+      $types: 'types/app'
     },
     adapter:
       process.env.SVELTE_ADAPTER_ENV === 'netlify'
diff --git a/svelte-app/tests/routes/index.test.ts b/svelte-app/tests/routes/index.test.ts
index c4a50f19d..5edc56519 100644
--- a/svelte-app/tests/routes/index.test.ts
+++ b/svelte-app/tests/routes/index.test.ts
@@ -1,8 +1,8 @@
-import { STUB_CONFIG, STUB_POST } from '$tests/fixtures';
-import { stubResponse } from '$tests/utils';
-
 import { expect, test } from '@playwright/test';
 
+import { STUB_CONFIG, STUB_POST } from '../fixtures';
+import { stubResponse } from '../utils';
+
 const API_CONFIG_ROUTE = /.*\/api\/get\/config.*/,
   API_POST_ROUTE = /.*\/api\/get\/post.*/,
   API_POST_MANY_ROUTE = /.*\/api\/get\/post\/many.*/;
diff --git a/svelte-app/tests/routes/post.test.ts b/svelte-app/tests/routes/post.test.ts
index b5aaa7420..dc08c9155 100644
--- a/svelte-app/tests/routes/post.test.ts
+++ b/svelte-app/tests/routes/post.test.ts
@@ -1,8 +1,8 @@
-import { STUB_CONFIG, STUB_POST } from '$tests/fixtures';
-import { API_CONFIG_ROUTE, API_POST_ROUTE, stubResponse } from '$tests/utils';
-
 import { expect, test } from '@playwright/test';
 
+import { STUB_CONFIG, STUB_POST } from '../fixtures';
+import { API_CONFIG_ROUTE, API_POST_ROUTE, stubResponse } from '../utils';
+
 test.beforeEach(async ({ context }) => {
   await context.route(API_CONFIG_ROUTE, (route) =>
     route.fulfill(stubResponse({ data: STUB_CONFIG }))
diff --git a/svelte-app/tests/routes/work.test.ts b/svelte-app/tests/routes/work.test.ts
index b2bf9b6c1..1da824a39 100644
--- a/svelte-app/tests/routes/work.test.ts
+++ b/svelte-app/tests/routes/work.test.ts
@@ -1,12 +1,12 @@
-import { STUB_CONFIG, STUB_PROJECT } from '$tests/fixtures';
+import { expect, test } from '@playwright/test';
+
+import { STUB_CONFIG, STUB_PROJECT } from '../fixtures';
 import {
   API_CONFIG_ROUTE,
   API_PROJECT_MANY_ROUTE,
   API_PROJECT_ROUTE,
   stubResponse
-} from '$tests/utils';
-
-import { expect, test } from '@playwright/test';
+} from '../utils';
 
 test.beforeEach(async ({ context }) => {
   await context.route(API_CONFIG_ROUTE, (route) =>
diff --git a/svelte-app/tests/unit/i18n.test.ts b/svelte-app/tests/unit/i18n.test.ts
index 58251e7c3..6b99bde52 100644
--- a/svelte-app/tests/unit/i18n.test.ts
+++ b/svelte-app/tests/unit/i18n.test.ts
@@ -1,6 +1,6 @@
 import { get } from 'svelte/store';
 
-import { currentLang, linkTo, t } from '$i18n';
+import { currentLang, linkTo, t } from '$lib/i18n';
 import Logger from '$lib/logger';
 
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
diff --git a/svelte-app/tsconfig.json b/svelte-app/tsconfig.json
index 0d6a7816b..4694e4772 100644
--- a/svelte-app/tsconfig.json
+++ b/svelte-app/tsconfig.json
@@ -3,7 +3,6 @@
   "compilerOptions": {
     "module": "es2022",
     "allowJs": true,
-    "baseUrl": ".",
     "checkJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -11,25 +10,6 @@
     "noImplicitAny": true,
     "noImplicitThis": true,
     "noEmit": true,
-    "paths": {
-      "@colours": ["src/styles/colours"],
-      "@breakpoints": ["src/styles/breakpoints"],
-      "@utils": ["src/styles/utils"],
-      "@vars": ["src/styles/vars"],
-      "$lib": ["src/lib"],
-      "$lib/*": ["src/lib/*"],
-      "$components/*": ["src/components/*"],
-      "$helpers/*": ["src/lib/helpers/*"],
-      "$stores/*": ["src/stores/*"],
-      "$langs/*": ["src/languages/*"],
-      "$i18n": ["src/lib/helpers/i18n"],
-      "$routes/*": ["src/routes/*"],
-      "$assets/*": ["src/static/*"],
-      "$tests/*": ["tests/*"],
-      "$types": ["types/app/index.d.ts"],
-      "$types/*": ["types/app/*"],
-      "*": ["types/*"]
-    },
     "removeComments": true,
     "rootDir": "./",
     "resolveJsonModule": true,
diff --git a/svelte-app/types/app/index.ts b/svelte-app/types/app/index.ts
index ef70b43a8..69855c055 100644
--- a/svelte-app/types/app/index.ts
+++ b/svelte-app/types/app/index.ts
@@ -1,7 +1,27 @@
-import type { SvelteComponent } from 'svelte';
+import type { NumericRange } from '@sveltejs/kit';
 
-// Misc
-export type PixelIcon = SvelteComponent;
+// Add some custom props to global Errors
+declare global {
+  interface ErrorOptions {
+    // @ts-expect-error - Overriding base type
+    cause?: (string | { message?: string; detail?: string | { message?: string } })[];
+    stack?: string;
+    code?: NumericRange<400, 599>;
+  }
+
+  interface ErrorConstructor {
+    new (message?: string, options?: ErrorOptions): Error;
+    (message?: string, options?: ErrorOptions): Error;
+  }
+
+  interface Error {
+    message: string;
+    // @ts-expect-error - Overriding base type
+    cause?: (string | { message?: string; detail?: string | { message?: string } })[];
+    stack?: string;
+    code?: NumericRange<400, 599>;
+  }
+}
 
 export interface MenuStateOpt {
   disabled?: boolean;
diff --git a/svelte-app/vite.config.ts b/svelte-app/vite.config.ts
index 56b5bd4f7..3a3d1a98e 100644
--- a/svelte-app/vite.config.ts
+++ b/svelte-app/vite.config.ts
@@ -1,5 +1,4 @@
 /* eslint-disable quote-props, prettier/prettier */
-import svg from '@poppanator/sveltekit-svg';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
@@ -12,7 +11,6 @@ export default defineConfig(({ mode }) => {
 
   return {
     plugins: [
-      svg(),
       sveltekit(),
       StripTestSelectors({
         dev: !isTesting