Add Container and Prose components

app/page.tsx

@@ -1,14 +1,16 @@
+import { Container } from "@/components/container";
+import { Prose } from "@/components/prose";
 import { api } from "@/lib/api/server";
 
 export default async function Home() {
   const { data: health } = await api.health.get();
 
   return (
-    <main className="container mx-auto p-4 md:py-8">
+    <Container>
-      <section className="prose prose-neutral max-w-none">
+      <Prose>
-        <h1 className="text-3xl font-bold">Hackathon Template</h1>
+        <h1>Hackathon Template</h1>
         <pre>{JSON.stringify(health, null, 2)}</pre>
-      </section>
+      </Prose>
-    </main>
+    </Container>
   );
 }

components/container.tsx

@@ -0,0 +1,7 @@
+interface ContainerProps {
+  children: React.ReactNode;
+}
+
+export function Container({ children }: ContainerProps) {
+  return <div className="container mx-auto p-4 md:py-8">{children}</div>;
+}

components/prose.tsx

@@ -0,0 +1,7 @@
+interface ProseProps {
+  children: React.ReactNode;
+}
+
+export function Prose({ children }: ProseProps) {
+  return <div className="prose prose-neutral max-w-none">{children}</div>;
+}