Sanjaya grg/fix/pr new fixed checkin checkout functionality and date time readable format

[SanjayaGrg]

Fixing PR #365 and #303 ,

Summary

This PR recreates the previous check-in/check-out changes as a frontend-only PR.

What was done

• fixed check-in and check-out flow in the guard app
• fixed duplicate check-in/check-out handling
• improved attendance history display in shift details
• added readable date/time formatting for attendance records
• updated shift-related frontend screens to show attendance data correctly

Important note

This PR includes frontend changes only.
Backend files from the previous PR were excluded from PR #365.

Screenshots

[TeddyScript101]

I haven’t checked the check-in logic, but I’ve assigned Krisha to review it.

However, you have overridden the 'Incident Reports' and 'Payroll' navigation buttons in HomeScreen.tsx, which are available at the main branch for a couple of weeks.

[Krisha190235]

I've reviewed the check-in/check-out functionality and it's working as expected. But you still need to have a look for navigation buttons for Incident Report and payroll.

[SanjayaGrg]

Thanks @Krisha190235 , I have fixed this in the current PR branch.

I restored HomeScreen.tsx to match main and removed the unintended override of the Incident Reports and Payroll navigation buttons.

I pushed the update to this same PR for review.