Implement profile completion checks in shift details flow and update UI accordingly

docs/MILESTONES/M4/demos/m4-client-note.md

@@ -54,6 +54,22 @@ M4 delivers three key areas of improvement:
 - OTP Code: `123456` (testing mode)
 - Name: "Mariana Torres"
 
+**Note on Profile Completion:**
+When a staff user hasn't completed their profile, they see an empty/incomplete state on their home screen. Currently tracked sections to mark as complete:
+- Profile Information (full name, email, phone, preferred locations)
+- Emergency Contact
+
+Future sections can be added as mandatory, such as Tax Forms, Bank Account, Documents, Certificates, and Attires.
+
+**Profile Blocking Rules:**
+When the profile is incomplete, the following features are blocked to encourage completion:
+- Clock-in page is hidden
+- Payments are blocked
+- "My Shifts" and History sections are hidden
+- Users can view available shifts but cannot book them
+
+This ensures we have all necessary information for compliance and payroll before workers are allowed to work.
+
 ---
 
 ## 3. M4 Key Deliverables