[WIP] Add multi-column sorting to all orderable tables in frontend

[Copilot]

Coding agent has begun work on **** Add Multi-Column Sorting to All Orderable Tables in Frontend** and will update this pull request as work progresses.

Original prompt

代码 WebAPI 中有许多支持 Orderable 的接口，你需要修改前端文件，为所有支持 Orderable 接口的 Table 添加排序功能。
注意：如果可能，请做成支持多条件排序的。

以下是你必须遵守的编码规范：

1. 代码复用。后端代码已经复用了 Orderable 类来解析参数，因此前端也需要进行合理恰当的封装，以便跨模块复用代码

CONVERSATION SUMMARY

TITLE: Add Multi-Column Sorting to All Orderable Tables in Frontend

USER INTENT: Modify frontend files to add sorting functionality to all tables that support the Orderable interface from the WebAPI, with multi-column sorting support if possible.

TASK DESCRIPTION:

• Identify all tables in the frontend that correspond to WebAPI endpoints supporting the Orderable interface
• Implement sorting functionality for these tables
• Support multi-column sorting where feasible
• Follow code reuse principles - since the backend already reuses the Orderable class for parameter parsing, the frontend should also implement proper encapsulation for cross-module code reuse

EXISTING:

• Backend WebAPI has multiple endpoints that support the Orderable interface
• Backend code already has reusable Orderable class implementation for parsing parameters

PENDING:

• Audit frontend codebase to identify all tables connected to Orderable-enabled endpoints
• Create reusable frontend component/utility for handling Orderable sorting logic
• Implement sorting UI controls (column headers, sort indicators)
• Add multi-column sorting capability
• Integrate the sorting functionality with API calls
• Ensure proper state management for sort parameters
• Test sorting across all affected tables

CODE STATE:
No specific files or code have been discussed yet in this initial request.

RELEVANT CODE/DOCUMENTATION SNIPPETS:
None provided yet - conversation just started with requirements.

OTHER NOTES:

• Key requirement: Code must follow reusability principles
• The backend's Orderable pattern should inform the frontend architecture
• Multi-column sorting is preferred but should be implemented "if possible"
• This appears to be a cross-cutting feature affecting multiple modules/components

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}