fix: use logical alignment classes for RTL support

src/components/cards/community-card-item.tsx

@@ -73,7 +73,7 @@ export function CommunityCardItem({
           </div>
         </div>
 
-        <div className="shrink-0 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-1.5 text-right sm:px-3 sm:py-2">
+        <div className="shrink-0 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-1.5 text-end sm:px-3 sm:py-2">
           <p className="text-lg font-bold text-primary sm:text-xl">{item.score ?? 0}</p>
           <p className="text-[10px] text-muted-foreground sm:text-[11px]">
             {t("comparison.score")}

src/components/cards/pr-card-item.tsx

@@ -95,7 +95,7 @@ export function PullRequestCardItem({
           ) : null}
         </div>
 
-        <div className="shrink-0 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-1.5 text-right sm:px-3 sm:py-2">
+        <div className="shrink-0 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-1.5 text-end sm:px-3 sm:py-2">
           <p className="text-lg font-bold text-primary sm:text-xl">{pr.score ?? 0}</p>
           <p className="text-[10px] text-muted-foreground sm:text-[11px]">
             {t("comparison.score")}

src/components/cards/repo-card-item.tsx

@@ -91,7 +91,7 @@ export function RepoCardItem({
           ) : null}
         </div>
 
-        <div className="shrink-0 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-1.5 text-right sm:px-3 sm:py-2">
+        <div className="shrink-0 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-1.5 text-end sm:px-3 sm:py-2">
           <p className="text-lg font-bold text-primary sm:text-xl">{repo.score ?? 0}</p>
           <p className="text-[10px] text-muted-foreground sm:text-[11px]">
             {t("comparison.score")}

src/components/providers/language-switcher.tsx

@@ -95,7 +95,7 @@ export function LanguageSwitcher() {
                   role="option"
                   aria-selected={isSelected}
                   className={cn(
-                    "flex w-full items-center rounded-md px-2 py-1.5 text-left transition-colors",
+                    "flex w-full items-center rounded-md px-2 py-1.5 text-start transition-colors",
                     "hover:bg-accent hover:text-accent-foreground",
                     "focus:outline-none focus:ring-2 focus:ring-primary/40",
                     isSelected && "bg-accent text-accent-foreground",

src/features/comparison/components/result-dashboard.tsx

@@ -390,7 +390,7 @@ export function ResultDashboard({
                       />
                     </Link>
                     <div
-                      className="absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full bg-amber-500 text-white shadow-sm ring-2 ring-background dark:bg-amber-400 dark:text-zinc-950"
+                      className="absolute -bottom-1 -end-1 flex h-6 w-6 items-center justify-center rounded-full bg-amber-500 text-white shadow-sm ring-2 ring-background dark:bg-amber-400 dark:text-zinc-950"
                       title={t("banner.winner")}
                     >
                       <Trophy className="h-3.5 w-3.5 fill-current" />
@@ -435,7 +435,7 @@ export function ResultDashboard({
                 </div>
 
                 {/* Bold Stat Block on Desktop */}
-                <div className="hidden shrink-0 text-right sm:block">
+                <div className="hidden shrink-0 text-end sm:block">
                   <p className="text-xs font-semibold uppercase tracking-wider text-muted-foreground sm:text-sm">
                     {t("banner.leadby")}
                   </p>

src/features/developer/components/user-profile-client.tsx

@@ -232,7 +232,7 @@ export function UserProfileClient({ user, location, countryParam }: Props) {
       {/* ── Header Profile Hero Section ────────────────────────────── */}
       <section className="rounded-3xl border border-border/60 bg-gradient-to-br from-primary/10 via-background to-background p-6 shadow-sm sm:p-8">
         <div className="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
-          <div className="flex min-w-0 flex-col items-center gap-5 text-center sm:flex-row sm:items-center sm:gap-6 sm:text-left">
+          <div className="flex min-w-0 flex-col items-center gap-5 text-center sm:flex-row sm:items-center sm:gap-6 sm:text-start">
             {/* Interactive Avatar with Ambient Glow & Floating Score Badge */}
             <a
               href={githubUrl}
@@ -262,7 +262,7 @@ export function UserProfileClient({ user, location, countryParam }: Props) {
 
               {/* Floating Score Badge on Corner */}
               <div
-                className="absolute -bottom-1 -right-1 flex items-center gap-1 rounded-full border border-background bg-card px-2 py-0.5 text-[11px] font-bold text-foreground shadow-md ring-2 ring-primary/20 sm:bottom-0 sm:right-0"
+                className="absolute -bottom-1 -end-1 flex items-center gap-1 rounded-full border border-background bg-card px-2 py-0.5 text-[11px] font-bold text-foreground shadow-md ring-2 ring-primary/20 sm:bottom-0 sm:end-0"
                 title={`${t("comparison.final.score")}: ${Math.round(user.normalizedFinalScore ?? user.finalScore)}`}
               >
                 <Trophy className="h-3 w-3 text-primary" />

src/features/leaderboard/components/country-grid-client.tsx

@@ -89,7 +89,7 @@ export function CountryGridClient({ countries }: Props) {
                 <Link
                   key={c.slug}
                   href={`/leaderboard/${c.slug}` as Route}
-                  className="group flex flex-col items-start gap-0.5 rounded-lg border border-border bg-card px-3 py-2.5 text-left transition-colors hover:border-primary/40 hover:bg-primary/5"
+                  className="group flex flex-col items-start gap-0.5 rounded-lg border border-border bg-card px-3 py-2.5 text-start transition-colors hover:border-primary/40 hover:bg-primary/5"
                 >
                   <span className="flex items-center gap-1.5 text-sm font-medium text-foreground group-hover:text-primary">
                     {code ? (