refactor(website): switch to dynamic only

apps/website/src/app/layout.tsx

@@ -28,33 +28,16 @@ export const metadata: Metadata = {
 	icons: {
 		other: [
 			{
-				url: '/favicon-32x32.png',
-				sizes: '32x32',
-				type: 'image/png',
-			},
-			{
-				url: '/favicon-16x16.png',
-				sizes: '16x16',
+				url: '/favicon-96x96.png',
+				sizes: '96x96',
 				type: 'image/png',
 			},
 		],
-		apple: [
-			'/apple-touch-icon.png',
-			{
-				url: '/safari-pinned-tab.svg',
-				rel: 'mask-icon',
-			},
-		],
+		apple: ['/apple-touch-icon.png'],
 	},
 
 	manifest: '/site.webmanifest',
 
-	appleWebApp: {
-		title: 'discord.js',
-	},
-
-	applicationName: 'discord.js',
-
 	openGraph: {
 		siteName: 'discord.js',
 		type: 'website',
@@ -67,10 +50,6 @@ export const metadata: Metadata = {
 		card: 'summary_large_image',
 		creator: '@iCrawlToGo',
 	},
-
-	other: {
-		'msapplication-TileColor': '#1a1a1e',
-	},
 };
 
 export default async function RootLayout({ children }: PropsWithChildren) {

apps/website/src/app/opengraph-image.tsx

@@ -12,9 +12,9 @@ export const size = {
 export const contentType = 'image/png';
 
 export default async function Image() {
-	const fontData = await fetch(new URL('../assets/Geist-Black.ttf', import.meta.url), {
-		next: { revalidate: 604_800 },
-	}).then(async (res) => res.arrayBuffer());
+	const fontData = await fetch(new URL('../assets/Geist-Black.ttf', import.meta.url), { cache: 'force-cache' }).then(
+		async (res) => res.arrayBuffer(),
+	);
 
 	return new ImageResponse(
 		(