test: Increase Test Coverage to 100% for Patient Components

Overview

This MR improves unit test coverage to 100% for patient-related UI components.
It ensures all logical branches, edge cases, and UI states are fully tested to increase reliability and maintainability.

---

What does this MR do and why?

The motivation behind this change is to eliminate gaps in test coverage and ensure that critical patient workflow components are fully validated.

Previously:

• Some conditional rendering paths were not tested
• Edge cases (null/empty data) were missing
• User interactions were partially covered

Approach:

• Analyzed coverage report (npm run test:coverage)
• Identified uncovered lines and branches
• Added comprehensive test cases using Jest + React Testing Library
• Focused on branch coverage and meaningful assertions

Trade-offs:

• Slight increase in test file size
• Additional mocks introduced for better isolation

---

Changes Made

• Added/updated unit tests for:

  • PatientCard.tsx
  • QuickSearchPage.tsx
  • PatientStatusTracker.tsx
  • QueueDisplay.tsx

• Covered:

  • Conditional rendering
  • Edge cases (null/undefined/empty props)
  • User interactions
  • UI state updates

• Improved test structure and readability

---

Technical Details

Root Cause:

• Missing test cases for certain branches and UI states
• Incomplete coverage of conditional logic

Fix:

• Added targeted test cases for uncovered lines
• Used mocks to simulate different states
• Ensured all branches are executed at least once

---

Type of Change

• 🐛 Bug fix (non-breaking change that fixes an issue)
• ✨ New feature (non-breaking change that adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to change)
• 📝 Documentation update
• 🎨 UI/UX improvement
• ♻️ Refactor (no functional changes)
• ⚡ Performance improvement
• 🧪 Test update
• 🔧 Configuration change
• 🚨 Security fix

---

Related Issues / References

Closes #228 (closed)

---

Screenshots or Screen Recordings

---