Improve Datatable Performance: Implement Sorting and Debounce Mechanism

[Naseq]

Describe the bug
Currently, the datatable used in the project has performance issues due to the lack of proper ordering and debouncing mechanisms. This affects the user experience, especially when working with large datasets.

Problem:

1. No Sorting/Ordering: Users are unable to sort data in ascending or descending order. Sorting is essential for usability, particularly when dealing with large tables.
2. No Debounce: The table reloads on every input change (e.g., search or filter), which causes performance degradation and increased API calls when users type or interact with the table too quickly. Implementing a debounce mechanism would mitigate this issue by reducing the number of unnecessary API requests and improving the overall responsiveness of the table.

Proposed Solutions:

1. Sorting: Add support for sorting columns, both ascending and descending, to allow users to manage and view data more effectively.
2. Debounce: Implement a debounce mechanism for search/filter functionality to minimize API calls and enhance the overall performance.

Additional Context:

1. The issue is more noticeable with larger datasets, where lack of sorting and debouncing makes the table sluggish and less user-friendly.
2. Debouncing should be set to an appropriate delay (e.g., 300-500ms) to balance responsiveness and performance.

Priority: Medium

if you want I can solve it