refresh button in clients page

src/components/ClientsDataTable.tsx

@@ -8,13 +8,17 @@ import { DataTable } from "@app/components/ui/data-table";
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
+    onRefresh?: () => void;
+    isRefreshing?: boolean;
     addClient?: () => void;
 }
 
 export function ClientsDataTable<TData, TValue>({
     columns,
     data,
-    addClient
+    addClient,
+    onRefresh,
+    isRefreshing
 }: DataTableProps<TData, TValue>) {
     return (
         <DataTable
@@ -25,6 +29,8 @@ export function ClientsDataTable<TData, TValue>({
             searchPlaceholder="Search clients..."
             searchColumn="name"
             onAdd={addClient}
+            onRefresh={onRefresh}
+            isRefreshing={isRefreshing}
             addButtonText="Add Client"
         />
     );