bug: Physical alignment classes (text-left / text-right) break bidirectional RTL text in Arabic #252

DevImpact supports bidirectional localization (English LTR and Arabic RTL). However, several components use hardcoded physical alignment classes (text-left, text-right, -right-1, sm:right-0) instead of Tailwind's logical equivalents (text-start, text-end, -end-1, sm:end-0). This causes text, score badges, and buttons to align incorrectly in Arabic mode.

Motivation

For Arabic speakers, text alignment must start from the right and numerical badge indicators should mirror appropriately to provide a native, polished experience.

Tasks

• In src/features/leaderboard/components/country-grid-client.tsx, replace text-left with text-start on country card buttons.
• In src/features/developer/components/user-profile-client.tsx, change sm:text-left to sm:text-start, and corner badge -right-1 sm:right-0 to -end-1 sm:end-0.
• In src/features/comparison/components/result-dashboard.tsx, change -right-1 on winner avatar to -end-1, and text-right on lead stat block to text-end.
• In src/components/cards/repo-card-item.tsx, pr-card-item.tsx, and community-card-item.tsx, change score container text-right to text-end.
• In src/components/providers/language-switcher.tsx, change text-left on list items to text-start.

Files to Check

• src/features/leaderboard/components/country-grid-client.tsx
• src/features/developer/components/user-profile-client.tsx
• src/features/comparison/components/result-dashboard.tsx
• src/components/cards/repo-card-item.tsx
• src/components/cards/pr-card-item.tsx
• src/components/cards/community-card-item.tsx
• src/components/providers/language-switcher.tsx