Is this task related to a feature or a bug? Please include relevant issue numbers below.Given the current implementation of the "Shift Details" page, which lacks sticky headers and columns, has outdated styling for the Emergency Modal and Volunteers Modal, and uses hardcoded time values,
When users interact with the page and open the modals,
Then they should experience improved usability through sticky headers and columns, enhanced styling for the modals, and time displayed in Unix epoch format as provided by the backend.
Describe the solution you'd like
Implement the following updates on the "Shift Details" page:
Sticky Header and Sticky Columns: Ensure that both the header and columns remain fixed during scrolling for better navigation.
Styling for Emergency Modal and Volunteers Modal: Apply consistent and appealing styles, particularly for the information displayed at the top of these modals.
Update Time Format: Change the display of shift times from hardcoded values to Unix epoch time, aligning with the format provided by the backend.
Acceptance Criteria:
[ ] The "Shift Details" page should have sticky headers and columns that remain visible during scrolling.
[ ] The Emergency Modal and Volunteer Modal should have improved styling that matches the overall design.
[ ] Shift times should be displayed in Unix epoch format, replacing any hardcoded values.
[ ] All updates should maintain responsiveness and display correctly across different screen sizes.
Is this task related to a feature or a bug? Please include relevant issue numbers below. Given the current implementation of the "Shift Details" page, which lacks sticky headers and columns, has outdated styling for the Emergency Modal and Volunteers Modal, and uses hardcoded time values, When users interact with the page and open the modals, Then they should experience improved usability through sticky headers and columns, enhanced styling for the modals, and time displayed in Unix epoch format as provided by the backend.
Describe the solution you'd like Implement the following updates on the "Shift Details" page:
Acceptance Criteria: