E2522: Enhancing UI Consistency in Expertiza 1 (Reimplementation: pr76 & pr52)

[Jing27540]

This pull request focuses on reimplementing and addressing several UI improvements and bug fixes across two key areas: PR-76 (Course Assignment Table) and PR-52 (Student Task Table). The changes are primarily aimed at enhancing the UI to follow design guidelines, improving the functionality of tables, and ensuring consistency across the application. Key adjustments include proper formatting, the removal of unnecessary elements, and layout fixes after merging.

PR-76: Course Assignment Table

• Date Formatting: Dates in the Course Assignment table have been updated to a more readable and consistent format to enhance clarity and usability.
• Text Formatting: Table headings and content text are now formatted according to the design guidelines, ensuring consistent typography and styling across the system.
• Column Removal: The Course Name column has been removed to simplify the table and focus on relevant data, providing a cleaner view of assignments.
• Global Search Bar: The global search bar at the top of the Assignment table has been disabled to reduce unnecessary complexity and improve user experience.
• Pagination: Pagination functionality has been updated to ensure it works properly when the number of assignments exceeds one full page.

PR-52: Student Task Table

• Text Formatting: All table headings and content have been reformatted to adhere to the established design guidelines, ensuring uniformity with the rest of the application.
• Info Icon: An info icon has been added to the table headings to provide additional context and tooltips for the users.
• Reuse of Common Table Component: The common Table component has been integrated into the Student Task table to standardize the implementation across both pages and reduce code duplication.

Merge Fixes & Layout Issues

1. Several merge issues were resolved between PR-52, PR-76, and the original forked main branch, ensuring that the new changes did not introduce any conflicts or break existing functionality.
2. Layout Style Issues: After resolving the merge conflicts, layout inconsistencies and unreasonable style issues were addressed to ensure the page rendering aligns with the design specifications.

Screens Display: