feat: add loading.tsx

app/loading.tsx

@@ -0,0 +1,13 @@
+import { Flex, Text } from "@radix-ui/themes";
+
+import style from "@/app/layout.module.css";
+
+export default function Loading() {
+  return (
+    <Flex align="center" justify="center" className={style.loading}>
+      <Text color="gray" weight="light">
+        Loading...
+      </Text>
+    </Flex>
+  );
+}

app/page.tsx

@@ -1,27 +1,11 @@
-import { Flex, Text } from "@radix-ui/themes";
-import { Suspense } from "react";
-
 import { getAllPlugins } from "@/lib/registry";
 
 import { PluginOverview } from "./client";
-import style from "./layout.module.css";
 
 export const revalidate = 300;
 
-function Loading() {
-  return (
-    <Flex align="center" justify="center" className={style.loading}>
-      <Text>Loading...</Text>
-    </Flex>
-  );
-}
-
 export default async function Home() {
   const plugins = await getAllPlugins();
   plugins.sort((a, b) => a.FullName.localeCompare(b.FullName));
-  return (
-    <Suspense fallback={<Loading />}>
-      <PluginOverview plugins={plugins} />
-    </Suspense>
-  );
+  return <PluginOverview plugins={plugins} />;
 }