Remove laravel pagination from contract table / ClientCase view and used replacing it with client pagination

resources/js/Components/DataTable/DataTableNew2.vue

@@ -11,7 +11,7 @@ import {
 } from "@tanstack/vue-table";
 import { valueUpdater } from "@/lib/utils";
 import DataTableColumnHeader from "./DataTableColumnHeader.vue";
-import DataTablePagination from "./DataTablePagination.vue";
+import DataTablePaginationClient from "./DataTablePaginationClient.vue";
 import DataTableViewOptions from "./DataTableViewOptions.vue";
 import DataTableToolbar from "./DataTableToolbar.vue";
 import SkeletonTable from "../Skeleton/SkeletonTable.vue";
@@ -618,7 +618,14 @@ defineExpose({
 
       <!-- Client-side pagination -->
       <template v-else>
-        <DataTablePagination :table="table" />
+        <DataTablePaginationClient
+          :current-page="table.getState().pagination.pageIndex"
+          :last-page="table.getPageCount()"
+          :total="table.getFilteredRowModel().rows.length"
+          :showing-from="table.getFilteredSelectedRowModel().rows.length"
+          :showing-to="table.getFilteredRowModel().rows.length"
+          :table="table"
+        />
       </template>
     </div>
   </div>