fix build error

apps/playground/src/pages/about/about-us/incorporation.tsx

@@ -1,4 +1,4 @@
-import { AboutSection } from "./common";
+import { AboutSection } from "../";
 
 export default function AboutIncorporation() {
   return (

apps/playground/src/pages/about/about-us/status.tsx

@@ -1,5 +1,5 @@
 import Link from "~/components/link";
-import { AboutSection } from "./common";
+import { AboutSection } from "../";
 
 export default function AboutStatus() {
   return (

apps/playground/src/pages/about/about-us/team.tsx

@@ -1,6 +1,6 @@
 import Link from "~/components/link";
 import { team } from "~/data/team";
-import { AboutSection } from "./common";
+import { AboutSection } from "../";
 
 export default function AboutTeam() {
   return (

apps/playground/src/pages/about/index.tsx

@@ -13,3 +13,29 @@ export default function AboutPage() {
     </>
   );
 }
+
+export function AboutSection({
+  children,
+  title,
+  description,
+}: {
+  children: React.ReactNode;
+  title: string;
+  description: string;
+}) {
+  return (
+    <section className="bg-white dark:bg-gray-900">
+      <div className="mx-auto max-w-screen-xl px-4 py-8 text-center lg:px-6 lg:py-16">
+        <div className="mx-auto mb-8 flex max-w-screen-sm flex-col gap-4 lg:mb-16">
+          <h2 className="text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">
+            {title}
+          </h2>
+          <p className="font-light text-gray-500 sm:text-xl dark:text-gray-400">
+            {description}
+          </p>
+        </div>
+        {children}
+      </div>
+    </section>
+  );
+}