FE-751: Style username in signup-registration messaging

[alex-e-leon]

🌟 What is the purpose of this PR?

Adds a small amount of styling to help improve the comprehension of the messaging on the user signup page by making it clear that @pizza is a username.

Although personally, I still find that the copy reads uncomfortably and I think updating the copy would be a better fix. Here's a couple alternatives I cobbled together that I think could work better:

• Before someone else grabs @pizza (if we want to run with a subtle pizza joke)
• To get a short handle like @pizza (neutral, but clear)
• Be @you, not @you2087 (if we want something with a bit more urgency/marketing copy - may need to reserve those usernames though)

@vilkinsons let me know if you prefer any of them and I'll switch them over - otherwise I'll just keep the original messaging.

Finally - the new styles:

(And old for reference):

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

• does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

• are internal and do not require a docs change

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hash	Ready	Preview, Comment	Jun 11, 2026 1:45pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
hashdotdesign-tokens	Ignored	Preview	Jun 11, 2026 1:45pm
petrinaut	Skipped		Jun 11, 2026 1:45pm

[cursor]

PR Summary

Low Risk
Copy-only presentation change on the signup marketing panel; no auth, API, or data logic touched.

Overview
On the signup page sidebar (SignupRegistrationRightInfo), the “Reserve your username” line now renders @pizza inside a <code> element instead of plain text, and the description field type is widened to React.ReactNode so that markup is allowed.

Description Typography gains nested code styles (monospace font, slightly smaller type, lighter blue text, subtle light background, rounded padding) so the example reads clearly as a username/handle.

^{Reviewed by Cursor Bugbot for commit ed41831. Bugbot is set up for automated code reviews on this repo. Configure here.}

[TimDiekmann]

Agreed with you that the copy could be better. But this already is an improvement -> ✅

[vilkinsons]

"Before someone else grabs pizza" reads best burial bleeds over 2 lines therefore is undesirable?

[alex-e-leon]

@vilkinsons it only breaks on 2 lines between 1100px > 900px screen sizes (ie tablets). On my laptop its all one line:

And here's the tablet version - it looks fine IMO.

[alex-e-leon]

@vilkinsons - I've merged without the copy change, but put up a new PR with just the copy change here and tagged you in it: #8862

Just hit approve or close the PR depending on which outcome you prefer : )