Feat/Add language switcher to Join Volunteer page

✅ Issue Summary

Title: Join Volunteer page missing language switcher in header

Current behavior: /join-volunteer page does not display the language switcher in the header, unlike other public/auth pages.

Expected behavior: /join-volunteer should include the same language switcher (globe icon) as other pages for consistent language selection.

---

🧩 Problem Statement

• Missing UI control: Language switcher not present on Join Volunteer page.
• Affected users: All users visiting /join-volunteer.
• Impact: Inconsistent UI/UX compared to other pages.

---

🔧 Fix Implemented

• Added existing LanguageSwitcher component to the Join Volunteer page header.
• Ensured consistent placement (top-right, globe icon).
• Reused existing implementation to maintain uniform behavior.

---

🧪 Test-Driven Development

Acceptance Criteria

Scenario: Language switcher visibility

Given user is on /join-volunteer  
When page renders  
Then a language switcher (globe icon) is visible in header  
And clicking it shows available language options  

---

Test Cases

Test ID	Test Description	Steps	Expected Result
TC-001	Language switcher exists	Open /join-volunteer	Globe icon visible in header
TC-002	Language switcher interaction	Click switcher	Dropdown shows languages

---

📁 Files Changed

File Path	Action	Purpose
src/pages/JoinVolunteerPage.tsx	Modify	Added LanguageSwitcher component

---

🧪 Testing Strategy

Manual Testing

1. Open /join-volunteer
2. Verify globe icon appears in header
3. Click icon and check language options

---

✅ Definition of Done

• Language switcher added to Join Volunteer page
• UI consistent with other pages
• No layout break
• No console errors

---