fix: ui bugs

[KristinAoki]

Enable contentstore.new_studio_mfe.use_new_advanced_settings_page to view page.

Addresses the following issues:

1. Aside wider than screen
2. success banner should only last for 15 seconds
3. tooltip not dark variant
4. info icon not outline
5. alpha order of advanced settings
6. Info icon not on same line as card header

[codecov]

Codecov Report

Patch coverage: 95.45% and project coverage change: +1.27% 🎉

Comparison is base (8bfc3f2) 78.20% compared to head (d9ee6cd) 79.48%.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #542      +/-   ##
==========================================
+ Coverage   78.20%   79.48%   +1.27%     
==========================================
  Files         145      145              
  Lines        2698     2710      +12     
  Branches      632      636       +4     
==========================================
+ Hits         2110     2154      +44     
+ Misses        558      526      -32     
  Partials       30       30              

Files Changed	Coverage Δ
src/custom-pages/CustomPages.jsx	81.57% <ø> (ø)
src/advanced-settings/setting-card/SettingCard.jsx	91.30% <87.50%> (-8.70%)	⬇️
src/advanced-settings/AdvancedSettings.jsx	89.15% <100.00%> (+6.17%)	⬆️
src/advanced-settings/data/thunks.js	84.09% <100.00%> (+44.09%)	⬆️

... and 5 files with indirect coverage changes

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

[jesperhodge]

The changes looks good, but I found a little problem I think, could you verify whether this appears to you too?

There's a noticable difference in performance. There's already some tiny lag on the master branch for advanced settings, but it get's quite sluggish when you checkout this branch. I switched back and forth between branches a couple of times and I can tell that it's related to something on this branch. At least that's that way on my browser.

I assume we will have to look into the performance graphs of the browser console, do some throttling, and see what's actually happening. I can do some of this as well, though I would like confirmation that it's not just happening on my own machine.

Basically I noticed it when I typed anything in the fields quickly, there was a noticable lag before the input appeared, and it was sluggish and bumpy (type 3 characters quickly and then there's a lag and then all 3 characters appear at once, for example).

I assume this has either something to do with the new transitions, rendering cycle, or maybe a memory leak.

[rayzhou-bit]

lgtm!

[jesperhodge]

The changes looks good, but I found a little problem I think, could you verify whether this appears to you too?

There's a noticable difference in performance. There's already some tiny lag on the master branch for advanced settings, but it get's quite sluggish when you checkout this branch. I switched back and forth between branches a couple of times and I can tell that it's related to something on this branch. At least that's that way on my browser.

I assume we will have to look into the performance graphs of the browser console, do some throttling, and see what's actually happening. I can do some of this as well, though I would like confirmation that it's not just happening on my own machine.

Basically I noticed it when I typed anything in the fields quickly, there was a noticable lag before the input appeared, and it was sluggish and bumpy (type 3 characters quickly and then there's a lag and then all 3 characters appear at once, for example).

I assume this has either something to do with the new transitions, rendering cycle, or maybe a memory leak.

Here are screenshots of performance analysis for this branch, note the red "keydown" and "keyup" events:

And for master, to compare:

Addressed changes and need to unblock merge