checkin- component

[Sallin142]

1. [ ] Create the checkin.tsx component in the app/components/ directory.
2. [ ] Implement the layout and styling for the check-in component.
3. [ ] Add input field for the username with the specified label and placeholder.
4. [ ] Add a dropdown menu for shift type selection with the specified options.
5. [ ] Add and style the check-in button.
6. [ ] Implement form validation to ensure all required fields are filled before submission.
7. [ ] Test the check-in component for responsiveness and functionality.
8. [ ] Conduct a code review and obtain approval.

https://www.figma.com/design/1hpRLtveOgIDcvLeFu2rMM/Logbook?node-id=686-9501&t=KohqttY5AQuqvcNd-0

[Sallin142]

• [x] 1. Create the POST /api/checkin endpoint.
• [x] 2. Implement request validation for the check-in API.
• [x] 3. Integrate the check-in API with the database.
• [x] 4. Handle response and error scenarios in the API.
• [ ] 5. Write unit tests and integration tests for the check-in API endpoint.
• [ ] 6. Conduct a code review and obtain approval.