mejoras al formulario de registro organizaciones productivas

apps/web/app/dashboard/formulario/page.tsx

@@ -1,15 +1,36 @@
-'use client';
-
 import PageContainer from '@/components/layout/page-container';
-import { CreateTrainingForm } from '@/feactures/training/components/form';
+import { TrainingHeader } from '@/feactures/training/components/training-header';
+import TrainingList from '@/feactures/training/components/training-list';
+import TrainingTableAction from '@/feactures/training/components/training-tables/training-table-action';
+import { searchParamsCache } from '@repo/shadcn/lib/searchparams';
+import { SearchParams } from 'nuqs';
 
-const Page = () => {
-    return (
-
-        <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
-            <CreateTrainingForm />
-        </div>
-    );
+export const metadata = {
+  title: 'Registro de OSP',
 };
 
-export default Page;
+type PageProps = {
+  searchParams: Promise<SearchParams>;
+};
+
+export default async function Page({ searchParams }: PageProps) {
+  const {
+    page,
+    q: searchQuery,
+    limit,
+  } = searchParamsCache.parse(await searchParams);
+
+  return (
+    <PageContainer>
+      <div className="flex flex-1 flex-col space-y-6">
+        <TrainingHeader />
+        <TrainingTableAction />
+        <TrainingList
+          initialPage={page}
+          initialSearch={searchQuery}
+          initialLimit={limit || 10}
+        />
+      </div>
+    </PageContainer>
+  );
+}