fix: add suspense border everywhere

apps/www/src/app/(main)/home/page.tsx

@@ -30,6 +30,7 @@
 
 import HomePageComponent from "@/components/feat/home-page/home-page";
 import type { Metadata } from "next";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
 	applicationName: "MHSF",
@@ -41,7 +42,9 @@ export const metadata: Metadata = {
 export default function HomePage() {
 	return (
 		<div className="overflow-x-hidden">
+			<Suspense>
 				<HomePageComponent />
+			</Suspense>
 		</div>
 	);
 }

apps/www/src/app/(main)/server/v2/minehut/[server]/page.tsx

@@ -2,6 +2,7 @@ import { ServerProvider } from "@/components/feat/server-page/server-provider";
 import type { ServerResponse } from "@/lib/types/mh-server";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
+import { Suspense } from "react";
 
 export async function generateMetadata({
 	params,
@@ -25,7 +26,7 @@ export async function generateMetadata({
 	// Generate the absolute URL for the OG image
 	const ogImageUrl = new URL(
 		`/api/og/server/${id}`,
-    process.env.NEXT_PUBLIC_APP_URL || "https://mhsf.app"
+		process.env.NEXT_PUBLIC_APP_URL || "https://mhsf.app",
 	).toString();
 
 	return {
@@ -69,7 +70,9 @@ export default async function ServerPage({
 
 	return (
 		<main>
+			<Suspense>
 				<ServerProvider serverId={slug} />
+			</Suspense>
 		</main>
 	);
 }

apps/www/src/app/(main)/servers/page.tsx

@@ -30,6 +30,7 @@
 
 import { ServerList } from "@/components/feat/server-list/server-list";
 import type { Metadata } from "next";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
 	applicationName: "MHSF",
@@ -40,7 +41,9 @@ export const metadata: Metadata = {
 export default function ServerListPage() {
 	return (
 		<div>
+			<Suspense>
 				<ServerList />
+			</Suspense>
 		</div>
 	);
 }

apps/www/src/app/(main)/settings/page.tsx

@@ -30,6 +30,7 @@
 
 import { Settings } from "@/components/feat/settings/settings";
 import type { Metadata } from "next";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
 	applicationName: "MHSF",
@@ -40,7 +41,10 @@ export const metadata: Metadata = {
 export default function ServerListPage() {
 	return (
 		<div>
+			<Suspense
+      >
 				<Settings />
+			</Suspense>
 		</div>
 	);
 }