DATASET: Align Variables to the Left and Convert ROLES Page Data into a Flutter Table Widget

[junhaow1]

Description

Reformat the ROLES page by aligning all variable data to the left and organizing both the data and title headers into a Flutter Table widget. Currently, the variables and data on the page are displayed without clear structure, making it difficult to distinguish between headers and content. By using a Flutter Table, we aim to create a more structured and readable layout.

Why

Left-aligning the variables and incorporating a table widget enhances readability and consistency in the user interface. Tables provide a clear structure, making it easier for users to comprehend the relationship between data and headers. This improvement is necessary to present information in a more organized and professional way, ensuring a smoother user experience.

Closing Criteria

• [x] Variables and data are left-aligned on the ROLES page.

• [x] All data and title headers are placed within a Flutter Table widget.

• [x] The table renders correctly and maintains readability across different screen sizes.

[junhaow1]

working branch : https://github.com/gjwgit/rattleng/tree/kev/535_table_widget

[junhaow1]

https://github.com/gjwgit/rattleng/pull/540 PR created

[junhaow1]