refactor: enhance transaction and appointment handling with pagination, status filtering, and improved data display

components/dashboard/userAccount/sidebars/turns/List.js

@@ -6,8 +6,9 @@ import Card from "./Card";
 import CircularLoading from "@/app/component/loading/Circular";
 import TextLoading from "@/app/component/loading/Text";
 import CustomLoading from "@/app/component/loading/Custom";
+import Pagination from "@/app/component/Pagination";
 
-function List({ user, loading, setIsTurnsDetails }) {
+function List({ user, loading, setIsTurnsDetails, page, totalPages, onPageChange }) {
   const tableHead = [
     "ردیف",
     "نام پزشک",
@@ -110,6 +111,15 @@ function List({ user, loading, setIsTurnsDetails }) {
           />
         ))}
       </ul>
+      {totalPages > 1 && (
+        <div className="flex justify-center mt-[32px] w-full">
+          <Pagination
+            page={page}
+            totalPages={totalPages}
+            onPageChange={onPageChange}
+          />
+        </div>
+      )}
     </div>
   );
 }