feat(docs): add contributors page (#70)

Author: lazarv

docs/src/components/Contributors.jsx

@@ -0,0 +1,38 @@
+async function getContributors() {
+  "use cache";
+
+  try {
+    const res = await fetch(
+      "https://api.github.com/repos/lazarv/react-server/contributors"
+    );
+    const data = await res.json();
+    return data.filter((contributor) => contributor.login !== "lazarv");
+  } catch {
+    return [];
+  }
+}
+
+export default async function Contributors() {
+  const contributors = await getContributors();
+
+  return (
+    <div className="w-full my-8 flex flex-wrap gap-8 justify-center items-center">
+      {contributors.map((contributor) => (
+        <a
+          key={contributor.login}
+          href={`https://github.com/${contributor.login}`}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="flex flex-col items-center gap-2"
+        >
+          <img
+            src={contributor.avatar_url}
+            alt={contributor.login}
+            className="w-24 h-24 rounded-full outline outline-4 outline-indigo-500 dark:outline-yellow-600"
+          />
+          <div className="text-sm font-semibold">{contributor.login}</div>
+        </a>
+      ))}
+    </div>
+  );
+}

docs/src/components/NavigationLinks.jsx

@@ -1,6 +1,6 @@
 export default function NavigationLinks({ prev, next }) {
   return (
-    <div className="flex flex-wrap gap-2 md:flex-row md:justify-between">
+    <div className="w-full flex flex-wrap gap-2 md:flex-row md:justify-between">
       {prev && (
         <a
           href={prev.href}

docs/src/components/Sidebar.module.css

@@ -112,6 +112,10 @@ article ~ .root {
   pointer-events: auto;
   /* view-transition-name: sidebar; */
 
+  &:has(nav:empty) {
+    @apply hidden;
+  }
+
   @media (prefers-reduced-motion) {
     view-transition-name: none;
   }

docs/src/components/TableOfContents.jsx

@@ -81,7 +81,7 @@ export default function TableOfContents() {
     };
   }, []);
 
-  if (tableOfContents.length === 1) return null;
+  if (tableOfContents.length < 2) return null;
 
   return (
     <>

docs/src/pages/en/(pages)/team/contributors.mdx

@@ -0,0 +1,17 @@
+---
+title: Contributors
+category: Team
+order: 1
+slug: team/contributors
+---
+
+import Contributors from "../../../../components/Contributors";
+
+<div className="container text-center max-w-xl mx-auto [&>h1]:text-4xl [&>p]:text-lg [&>p]:text-gray-700 dark:[&>p]:text-gray-400">
+# Contributors
+
+A big shoutout to all the amazing contributors who’ve rolled up their sleeves, shared their skills, and helped level up this project! Your input has truly made an impact—thank you!
+
+</div>
+
+<Contributors />