feat/15-checks-for-punchin: Added checks

[VibuRoshin25]

Complete punchin and punchout operations UserPunchin.jsx module

• [x] On click of the punchin button, punchin data should be written to the attendance collection in Firestore
• [x] On component mount, fetch the attendance record for the current day from Firestore.
• [x] Use this data to maintain the attendance state. If there is an existing punch-in time for the day, set the state accordingly to reflect that the user is punched in. Ensure the component reflects the correct punch-in/punch-out status and total duration for the day.

closes #27

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 83d4747):

https://flipopay-ams--pr28-feat-15-checks-for-p-pkro1m8o.web.app

_{(expires Tue, 02 Jul 2024 07:14:01 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: ae5f68bde7b453a8f2c997989cc2528c1dc45196}