manage-shift-componet

[Sallin142]

**Ignore fields, only the component for now

1. [ ] The manage-volunteer component should be responsive and adapt to different screen sizes.
2. [ ] The volunteer's name should be displayed correctly.
3. [ ] The shift date should be displayed correctly.
4. [ ] The check-in and check-out times should be displayed correctly.
5. [ ] The shift type should be displayed correctly.
6. [ ] The edit button should be styled with a rounded white background.
7. [ ] Implement necessary functionality to handle the edit process.

[Sallin142]

• [ ] 1. Create the GET /api/volunteer-shifts endpoint.
• [ ] 2. Implement request handling for fetching volunteer shift details.
• [ ] 3. Create the POST /api/edit-volunteer-shift endpoint.
• [ ] 4. Implement request validation for the edit volunteer shift API.
• [ ] 5. Integrate the API with the database to fetch and update shift details.
• [ ] 6. Handle response and error scenarios in the API.
• [ ] 7. Write unit tests and integration tests for the API endpoints.
• [ ] 8. Conduct a code review and obtain approval.