Add hostname details to env, for opengraph

src/app/registers/[hex]/page.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link';
 import RegisterDetail from '@/app/registers/RegisterDetail';
 import {Container, Row} from "react-bootstrap";
 import { getRegisters } from '@/services/register.service';
+import {env} from "@/env";
 
 const buildRegisterSummary = (register: { description: string; text: string; modes: { text: string }[] }) => {
     const trimLine = (line: string) => line.trim();
@@ -41,7 +42,7 @@ export async function generateMetadata({ params }: { params: Promise<{ hex: stri
 
     const summary = buildRegisterSummary(register);
     const title = `${register.hex_address} ${register.name} | Spectrum Next Explorer`;
-    const imageUrl = `/registers/${register.hex_address}/opengraph-image`;
+    const imageUrl = `${env.PROTO}://${env.HOSTNAME}/registers/${register.hex_address}/opengraph-image`;
 
     return {
         title,
@@ -50,7 +51,7 @@ export async function generateMetadata({ params }: { params: Promise<{ hex: stri
             title,
             description: summary,
             type: 'article',
-            url: `/registers/${register.hex_address}`,
+            url: `${env.PROTO}://${env.HOSTNAME}/registers/${register.hex_address}`,
             images: [
                 {
                     url: imageUrl,