fix(layout): fit names on phones without sideways scroll

Display and game names shrink to 0.875rem, then end with an ellipsis
(FitText + fit-text utility, CSS container units, full text in title).
Rows and buttons wrap at large fonts, header points chip can shrink.
Guard: scripts/check-overflow.js.

src/components/AccountInfoCard.jsx

@@ -40,7 +40,7 @@ export default function AccountInfoCard() {
                         </div>
                     ))}
                 </dl>
-                <Button asChild variant="link" className="mt-3 h-auto p-0">
+                <Button asChild variant="link" className="mt-3 h-auto max-w-full whitespace-normal p-0 text-left">
                     <Link to="/welcome"><Rocket/>{t('SETTINGS.OPEN_WELCOME')}</Link>
                 </Button>
             </CardContent>