feat: Always show Pro token input

[ashuntu]

Shows the token input field always instead of being in a collapsible section. Also, adds messaging when a valid token or invalid token is added, with an icon.

A small detail I missed when adjusting the copy for errors previously: invalid tokens now show the string "Invalid token" instead of "Token invalid".

Screenshot of the default look

Screenshot when an invalid token is entered

Screenshot when a valid token is entered

Our designs in Figma include functionality that we do not have, so I took some creative liberties in adapting it to the current layout. Let me know if it needs any adjustments.

---

UDENG-5284

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 89.10%. Comparing base (24b3b5d) to head (a9c1fd8).
Report is 11 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #980      +/-   ##
==========================================
- Coverage   89.12%   89.10%   -0.03%     
==========================================
  Files         110      110              
  Lines        7494     7515      +21     
==========================================
+ Hits         6679     6696      +17     
- Misses        636      638       +2     
- Partials      179      181       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[CarlosNihelton]

I think your proposal finds a good balance between the stuff we know we need to change and the amount we don't know yet.
One of the key benefits of the recent releases of Yaru is the consistency brought by YaruColors. Thus my questions about whether we're approaching them properly or not.

[ashuntu]

I converted the colors to Yaru colors. The status page also uses a modified version of success that is extremely close to the custom value we were using (is there a built-in version of this I don't know about?).

[CarlosNihelton]

I converted the colors to Yaru colors. The status page also uses a modified version of success that is extremely close to the custom value we were using (is there a built-in version of this I don't know about?).

I suspect if you use the YaruInfo widget you'll get the correct colors for free ;)

[ashuntu]

I suspect if you use the YaruInfo widget you'll get the correct colors for free ;)

That looks promising, I think I will do that in another PR since its unrelated to the token page.

[CarlosNihelton]

Good job!