[FE] Fix: Persistent and Global Language Changes in LocaleSwitcher

[emdevelopa]

Description

Currently, changing the language via the LocaleSwitcher does not update the entire application state consistently. Users report that some components remain in the previous language until a full page reload or navigation occurs.

Requirements and context

• Ensure all components using next-intl hooks update immediately.
• Update the implementation to use recommended next-intl navigation patterns instead of just router.refresh().
• Persist the selected locale correctly across sessions.

Suggested execution

1. Review LocaleSwitcher.tsx and i18n/navigation.ts.
2. Implement useRouter and usePathname from @/i18n/navigation for locale-aware routing.
3. Verify that all server and client components react to the locale change.

Test and commit

• Test language switching on the dashboard, settings, and documentation pages.
• Verify that the language persists after a page refresh.
• Include a screen recording of the smooth transition.

Guidelines

• Follow existing patterns in frontend/src/i18n.
• PR description must include: Closes #[issue_id]

Complexity: Medium (150 points)

[olawale880]

@olawale880 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Please I'd like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @olawale880 to this issue.