mediahub-fe/app/[locale]/(protected)/contributor/content/spit/page.tsx

"use client";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import SiteBreadcrumb from "@/components/site-breadcrumb";
import TableImage from "./table-spit/table-spit";
import TableSPIT from "./table-spit/table-spit";

const ReactTableSPITPage = () => {
  return (
    <div>
      <SiteBreadcrumb />
      <div className="space-y-4">
        <Card>
          <CardHeader className="border-b border-solid border-default-200 mb-6">
            <CardTitle>
              <div className="flex items-center">
                <div className="flex-1 text-xl font-medium text-default-900">
                  SPIT
                </div>
              </div>
            </CardTitle>
          </CardHeader>
          <CardContent className="p-0">
            <TableSPIT />
          </CardContent>
        </Card>
      </div>
    </div>
  );
};

export default ReactTableSPITPage;