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

import SiteBreadcrumb from "@/components/site-breadcrumb";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import MediahubTable from "./components/mediahub-table";
import { useTranslations } from "next-intl";

const MediahubPage = async () => {
  return (
    <div>
      <SiteBreadcrumb />
      <div className="space-y-4">
        <Card>
          <CardContent className="p-0">
            <MediahubTable />
          </CardContent>
        </Card>
      </div>
    </div>
  );
};

export default MediahubPage;