chore: deps

apps/website/src/app/_global-error.tsx

@@ -1,9 +1,7 @@
 'use client';
 
 import { Analytics } from '@vercel/analytics/react';
-import type { Metadata } from 'next';
 import { Providers } from './providers';
-import { DESCRIPTION } from '~/util/constants';
 import { inter } from '~/util/fonts';
 
 import '@unocss/reset/tailwind-compat.css';
@@ -11,68 +9,6 @@ import '~/styles/unocss.css';
 import '~/styles/cmdk.css';
 import '~/styles/main.css';
 
-export const metadata: Metadata = {
-	title: 'discord.js',
-	description: DESCRIPTION,
-	viewport: {
-		minimumScale: 1,
-		initialScale: 1,
-		width: 'device-width',
-	},
-	icons: {
-		other: [
-			{
-				url: '/favicon-32x32.png',
-				sizes: '32x32',
-				type: 'image/png',
-			},
-			{
-				url: '/favicon-16x16.png',
-				sizes: '16x16',
-				type: 'image/png',
-			},
-		],
-		apple: [
-			'/apple-touch-icon.png',
-			{
-				url: '/safari-pinned-tab.svg',
-				rel: 'mask-icon',
-			},
-		],
-	},
-
-	manifest: '/site.webmanifest',
-
-	themeColor: [
-		{ media: '(prefers-color-scheme: light)', color: '#f1f3f5' },
-		{ media: '(prefers-color-scheme: dark)', color: '#1c1c1e' },
-	],
-	colorScheme: 'light dark',
-
-	appleWebApp: {
-		title: 'discord.js',
-	},
-
-	applicationName: 'discord.js',
-
-	openGraph: {
-		siteName: 'discord.js',
-		type: 'website',
-		title: 'discord.js',
-		description: DESCRIPTION,
-		images: 'https://discordjs.dev/api/open-graph.png',
-	},
-
-	twitter: {
-		card: 'summary_large_image',
-		creator: '@iCrawlToGo',
-	},
-
-	other: {
-		'msapplication-TileColor': '#1c1c1e',
-	},
-};
-
 export default function GlobalError({ error }: { readonly error: Error }) {
 	console.error(error);
 

apps/website/src/app/docs/packages/[package]/[version]/[item]/not-found.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { Route } from 'next';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 
@@ -13,7 +14,7 @@ export default function NotFound() {
 			<h2 className="text-[2rem] md:text-[3rem]">Not found.</h2>
 			<Link
 				className="h-11 flex flex-row transform-gpu cursor-pointer select-none appearance-none place-items-center border-0 rounded bg-blurple px-6 text-base font-semibold leading-none text-white no-underline outline-none active:translate-y-px focus:ring focus:ring-width-2 focus:ring-white"
-				href={href}
+				href={href as Route}
 			>
 				Take me back
 			</Link>

apps/website/src/app/layout.tsx

@@ -11,6 +11,9 @@ import '~/styles/cmdk.css';
 import '~/styles/main.css';
 
 export const metadata: Metadata = {
+	metadataBase: new URL(
+		process.env.METADATA_BASE_URL ? process.env.METADATA_BASE_URL : `http://localhost:${process.env.PORT ?? 3_000}`,
+	),
 	title: 'discord.js',
 	description: DESCRIPTION,
 	viewport: {

apps/website/src/app/not-found.tsx

@@ -1,3 +1,4 @@
+import type { Route } from 'next';
 import Link from 'next/link';
 
 export default function NotFound() {
@@ -7,7 +8,7 @@ export default function NotFound() {
 			<h2 className="text-[2rem] md:text-[3rem]">Not found.</h2>
 			<Link
 				className="h-11 flex flex-row transform-gpu cursor-pointer select-none appearance-none place-items-center border-0 rounded bg-blurple px-6 text-base font-semibold leading-none text-white no-underline outline-none active:translate-y-px focus:ring focus:ring-width-2 focus:ring-white"
-				href="/docs"
+				href={'/docs' as Route}
 			>
 				Take me back
 			</Link>

apps/website/src/app/page.tsx

@@ -1,4 +1,5 @@
 import { FiExternalLink } from '@react-icons/all-files/fi/FiExternalLink';
+import type { Route } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
 import vercelLogo from '~/assets/powered-by-vercel.svg';
@@ -24,7 +25,7 @@ export default function Page() {
 							<a className={buttonVariants()} href="https://old.discordjs.dev/#/docs" rel="noopener noreferrer">
 								Docs
 							</a>
-							<Link className={buttonVariants()} href="/docs">
+							<Link className={buttonVariants()} href={'/docs' as Route}>
 								Module docs
 							</Link>
 							<a