fix(ui): academy card rate/score align with category/level, course title visible

Rate/score row lacked justify-between (title and stats just clustered
together with a small gap), so it wasn't flush with category/level's shared
edge like the RN card already is. Also added text-foreground to the course
title h2 — it had no color class and was invisible against the dark theme.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/components/academy/MainModelCard.tsx

@@ -432,8 +432,8 @@ function MainModelCard({
                 </span>
               ) : null}
             </div>
-            <div className="flex items-center gap-1 mt-1">
-              <h2 className="max-sm:text-xs inline-flex items-center gap-1">
+            <div className="flex items-center justify-between gap-1 mt-1">
+              <h2 className="max-sm:text-xs inline-flex items-center gap-1 truncate text-foreground">
                 {cuorse_name}
                 <VerificationBadge verifyBadge={verify_badge} />
               </h2>