fix: canonical header

src/app.html

@@ -8,7 +8,6 @@
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <meta name="copyright" content="HexName">
     <meta name="base" content="https://hexname.com">
-    <link rel="canonical" href="https://hexname.com/">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="HandheldFriendly" content="True">

src/routes/+layout.svelte

@@ -11,6 +11,7 @@
   import Footer from '$lib/Footer.svelte';
   import { page } from '$app/state';
   import { afterNavigate, goto } from '$app/navigation';
+  import { PUBLIC_BACKEND_API_HOST } from '$env/static/public';
 
   let { children } = $props();
 
@@ -43,6 +44,7 @@
   <meta property="og:image" content={homeOg}>
   <meta property="og:url" content="{page.url.toString()}">
   <meta name="twitter:url" content="{page.url.toString()}">
+  <link rel="canonical" href={`${PUBLIC_BACKEND_API_HOST}${page.url.pathname}`}/>
 </svelte:head>