Feature Request: Implement Curation Table View Using DataDisplayTable Component

[berntpopp]

Summary

Introduce a curation table view in the Gene-Curator web app using the DataDisplayTable component, focusing on displaying and managing curated gene data effectively.

Description

As part of our ongoing efforts to enhance the Gene-Curator web app, there's a need to implement a curation table view. This view will use the DataDisplayTable component for displaying curated gene data. The curation table will allow users to view, edit, and manage gene curation records in a structured table format.

Acceptance Criteria

• [x] The curation data is successfully fetched from Firebase and displayed using the DataDisplayTable component.
• [x] The table supports different column types (text, date, link, etc.) and is configured to match curation data fields.
• [x] Features such as pagination and filtering are implemented to manage large datasets.
• [x] Custom actions for each curation record (e.g., approve, edit, delete) are integrated and functional.
• [x] The UI of the curation table is consistent with the genes table, ensuring a cohesive user experience.

User Stories

• As a curator, I want to view detailed curation records in a table format, so I can easily analyze and manage them.
• As a researcher, I want to sort and filter curated genes based on various criteria, to find specific information efficiently.

Implementation Details

• Reuse the DataDisplayTable component in a new Vue.js component specifically for the curation table.
• Configure the table columns to display curated gene data, including fields like gene symbol, status, last updated, and actions.
• Implement advanced table features like sorting, searching, and filtering to enhance user interaction with the data.
• Connect the curation table with Firebase to retrieve and manage the curated gene data.
• Write unit tests for the curation table view to ensure the reliability and stability of this feature.