mediahub-fe/app/[locale]/(protected)/contributor/task/detail/[id]/page.tsx

import { Card, CardContent } from "@/components/ui/card";
import SiteBreadcrumb from "@/components/site-breadcrumb";
import FormTask from "@/components/form/task/task-form";
import FormTaskDetail from "@/components/form/task/task-detail-form";

const TaskDetailPage = async () => {
  return (
    <div>
      <SiteBreadcrumb />
      <div className="space-y-4">
        <FormTaskDetail />
      </div>
    </div>
  );
};

export default TaskDetailPage;