Fixed checkin and checkout functionality and dateTime in Readable format

[SanjayaGrg]

Summary

Fixed guard attendance check-in/check-out flow and added attendance history display in the guard app.

What changed

Attendance API integration

• Updated guard app attendance integration to work with the latest backend attendance schema

• Replaced old fields:

  • shiftId → shift
  • guardId → guard
  • checkInTime → clockIn
  • checkOutTime → clockOut

• Synced frontend attendance state with backend attendance history API

Check-in / Check-out fixes

• Fixed check-in and check-out validation flow
• Prevented duplicate check-in and duplicate check-out handling issues
• Fixed attendance state not persisting correctly after app refresh or login
• Synced attendance history after reopening shift details

Attendance history UI

• Added attendance history section in ShiftDetailsModal

• Displayed:

  • Check-in time
  • Check-out time

• Attendance history only appears when attendance exists

• Added readable date/time formatting for attendance records

Shift tabs updates

• Applied tab now loads attendance history from backend
• Completed tab now loads attendance history from backend
• Mapped attendance records to corresponding shifts using shift IDs

Location details

• Added detailed location information in shift details:

  • Street
  • Suburb
  • State
  • Postcode

Testing

• Tested check-in flow successfully
• Tested check-out flow successfully
• Verified attendance history appears after reopening app
• Verified attendance history appears in Applied and Completed shifts
• Verified formatted readable dates/times display correctly

Screenshots: