251210:1709 Frontend: reeactor organization and run build

frontend/app/(dashboard)/correspondences/page.tsx

@@ -1,25 +1,12 @@
-"use client";
-
-import { CorrespondenceList } from "@/components/correspondences/list";
+import { Suspense } from "react";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
-import { Plus, Loader2 } from "lucide-react"; // Added Loader2
-import { Pagination } from "@/components/common/pagination";
-import { useCorrespondences } from "@/hooks/use-correspondence";
-import { useSearchParams } from "next/navigation";
+import { Plus, Loader2 } from "lucide-react";
+import { CorrespondencesContent } from "@/components/correspondences/correspondences-content";
+
+export const dynamic = "force-dynamic";
 
 export default function CorrespondencesPage() {
-  const searchParams = useSearchParams();
-  const page = parseInt(searchParams.get("page") || "1");
-  const status = searchParams.get("status") || undefined;
-  const search = searchParams.get("search") || undefined;
-
-  const { data, isLoading, isError } = useCorrespondences({
-    page,
-    status, // This might be wrong type, let's cast or omit for now
-    search,
-  } as any);
-
   return (
     <div className="space-y-6">
       <div className="flex justify-between items-center">
@@ -37,29 +24,9 @@ export default function CorrespondencesPage() {
         </Link>
       </div>
 
-      {/* Filters component could go here */}
-
-      {isLoading ? (
-        <div className="flex justify-center py-8">
-          <Loader2 className="h-8 w-8 animate-spin" />
-        </div>
-      ) : isError ? (
-        <div className="text-red-500 text-center py-8">
-          Failed to load correspondences.
-        </div>
-      ) : (
-        <>
-          <CorrespondenceList data={data} />
-
-          <div className="mt-4">
-            <Pagination
-              currentPage={data?.page || 1}
-              totalPages={data?.totalPages || 1}
-              total={data?.total || 0}
-            />
-          </div>
-        </>
-      )}
+      <Suspense fallback={<div className="flex justify-center py-8"><Loader2 className="h-8 w-8 animate-spin" /></div>}>
+        <CorrespondencesContent />
+      </Suspense>
     </div>
   );
 }