makearmy-app/app/rigs/page.tsx

// app/rigs/page.tsx
import RigBuilderServer from "./RigBuilderServer";
import RigsListClient from "./RigsListClient";

export default function Page() {
    return (
        <div className="p-4 space-y-6">
        <header>
        <h1 className="text-2xl font-bold mb-1">Rigs</h1>
        <p className="text-sm text-muted-foreground">
        Manage rigs used when submitting settings.
        </p>
        </header>

        <div className="grid gap-6 md:grid-cols-2">
        {/* Left: existing rigs */}
        <section>
        <h2 className="text-lg font-semibold mb-2">My Rigs</h2>
        <RigsListClient />
        </section>

        {/* Right: create a new rig (server-provided rig types) */}
        <section>
        <h2 className="text-lg font-semibold mb-2">Create Rig</h2>
        <RigBuilderServer />
        </section>
        </div>
        </div>
    );
}