Use PROD url for metas instead of host

src/routes/_layout.svelte

@@ -161,7 +161,7 @@
 </style>
 
 <svelte:head>
-    <link rel="canonical" href={`https://${$page.host}${$page.path}`} />
+    <link rel="canonical" href="{process.env.CONFIG.PROD_URL}{$page.path}">
     {#each preconnect as host}
     <link rel="preconnect" href={host} crossorigin>
     <link rel="dns-prefetch" href={host}>

src/routes/choose.svelte

@@ -44,7 +44,7 @@
 	<title>{pageTitle}</title>
     <meta name="description" content={$site.seo_description_default}>
     <SocialMetas
-        url="https://{$page.host}{$page.path}"
+        url="{process.env.CONFIG.PROD_URL}{$page.path}"
         title="{pageTitle}"
         description={$site.seo_description_default}
         image={$site.seo_share_image.full_url}

src/routes/credits.svelte

@@ -33,7 +33,7 @@
 	<title>{pageTitle}</title>
     <meta name="description" content={$site.credits_text}>
     <SocialMetas
-        url="https://{$page.host}{$page.path}"
+        url="{process.env.CONFIG.PROD_URL}{$page.path}"
         title="{pageTitle}"
         description={$site.credits_text}
         image={$site.seo_share_image.full_url}

src/routes/index.svelte

@@ -73,7 +73,7 @@
 	<title>{$site.seo_name} - {$site.seo_title_default} across the globe</title>
     <meta name="description" content={$site.seo_description_default}>
     <SocialMetas
-        url="https://{$page.host}"
+        url="{process.env.CONFIG.PROD_URL}"
         title="{$site.seo_name} - {$site.seo_title_default} across the globe"
         description={$site.seo_description_default}
         image={$site.seo_share_image.full_url}

src/routes/location/[country]/[place].svelte

@@ -99,7 +99,7 @@
     <title>{$site.seo_name} – {$site.seo_title_default} of {location.name}, {country.name}</title>
     <meta name="description" content="{$site.seo_name} {location.name} {description}">
     <SocialMetas
-        url="https://{$page.host}/location/{country.slug}/{location.slug}"
+        url="{process.env.CONFIG.PROD_URL}/location/{country.slug}/{location.slug}"
         title="{$site.seo_name} – {$site.seo_title_default} of {location.name}, {country.name}"
         description="{$site.seo_name} {location.name} {description}"
         image={latestPhoto ? getThumbnail(latestPhoto.image.private_hash, 1200, 630) : null}

src/routes/subscribe.svelte

@@ -34,7 +34,7 @@
 	<title>{pageTitle}</title>
     <meta name="description" content={$site.subscribe_text}>
     <SocialMetas
-        url="https://{$page.host}{$page.path}"
+        url="{process.env.CONFIG.PROD_URL}{$page.path}"
         title="{pageTitle}"
         description={$site.subscribe_text}
         image={$site.seo_share_image.full_url}

src/routes/viewer/[country]/[place]/[photo].svelte

@@ -96,7 +96,7 @@
     <title>{$site.seo_name} – {$site.seo_title_default} of {$currentLocation.name}, {$currentLocation.country.name}</title>
     <meta name="description" content="{$site.seo_name} {$currentLocation.name} {$currentLocation.description}">
     <SocialMetas
-        url="https://{$page.host}/viewer/{currentPhoto.location.country.slug}/{currentPhoto.location.slug}/{currentPhoto.slug}"
+        url="{process.env.CONFIG.PROD_URL}/viewer/{currentPhoto.location.country.slug}/{currentPhoto.location.slug}/{currentPhoto.slug}"
         title="{$site.seo_name} - {$site.seo_title_default} of {$currentLocation.name}, {$currentLocation.country.name}"
         description="{$site.seo_name} {$currentLocation.name} {$currentLocation.description}"
         image={getThumbnail(currentPhoto.image.private_hash, 1200, 630)}