260322:1648 Correct Coresspondence / Doing RFA / Correct CI

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

@@ -1,24 +1,19 @@
-"use client";
+'use client';
 
-import { useQuery } from "@tanstack/react-query";
-import { CirculationList } from "@/components/circulation/circulation-list";
-import { circulationService } from "@/lib/services/circulation.service";
-import { Button } from "@/components/ui/button";
-import { Plus, RefreshCw } from "lucide-react";
-import Link from "next/link";
-import { CirculationListResponse } from "@/types/circulation";
+import { useQuery } from '@tanstack/react-query';
+import { CirculationList } from '@/components/circulation/circulation-list';
+import { circulationService } from '@/lib/services/circulation.service';
+import { Button } from '@/components/ui/button';
+import { Plus, RefreshCw } from 'lucide-react';
+import Link from 'next/link';
+import { CirculationListResponse } from '@/types/circulation';
 
 /**
  * Circulation list page - displays circulations for the current user's organization
  */
 export default function CirculationPage() {
-  const {
-    data,
-    isLoading,
-    error,
-    refetch,
-  } = useQuery<CirculationListResponse>({
-    queryKey: ["circulations"],
+  const { data, isLoading, error, refetch } = useQuery<CirculationListResponse>({
+    queryKey: ['circulations'],
     queryFn: () => circulationService.getAll(),
   });
 
@@ -27,19 +22,11 @@ export default function CirculationPage() {
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-2xl font-bold">Circulation</h1>
-          <p className="text-muted-foreground">
-            Manage internal document circulation and assignments
-          </p>
+          <p className="text-muted-foreground">Manage internal document circulation and assignments</p>
         </div>
         <div className="flex gap-2">
-          <Button
-            variant="outline"
-            size="icon"
-            onClick={() => refetch()}
-            disabled={isLoading}
-            title="Refresh"
-          >
-            <RefreshCw className={`h-4 w-4 ${isLoading ? "animate-spin" : ""}`} />
+          <Button variant="outline" size="icon" onClick={() => refetch()} disabled={isLoading} title="Refresh">
+            <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
           </Button>
           <Link href="/circulation/new">
             <Button>
@@ -63,9 +50,7 @@ export default function CirculationPage() {
       ) : data ? (
         <CirculationList data={data} />
       ) : (
-        <div className="text-center py-12 text-muted-foreground">
-          No circulations found
-        </div>
+        <div className="text-center py-12 text-muted-foreground">No circulations found</div>
       )}
     </section>
   );