Update all popupmenus to material 3 menus

[mit-mit]

Updates all popup menus to use the Material 3 MenuAnchor menu. This menu opens instantly (compared to the Material 2 menu which fades slowly in), making the site be perceived as more snappy and more like other web apps.

[devoncarew]

Thanks! @mit-mit - can you post some before and after pics for context? And typically, we like a brief description of the PR.

[mit-mit]

Added a description.

The main difference is in how the opening of the menus "feel", so that is really hard to capture in a screenshot. I recommend trying to run it.

[devoncarew]

Pictures w/ UI affecting PRs are useful in order to compare the before and after - it's not always clear what's going on just from the code.

For example, the menu buttons look the same here:

before:

after:

but the menu's themselves have regressed (wrt icon size, item padding, ...):

before:

after:

[mit-mit]

the menu's themselves have regressed

I'm not sure those are all regressions? The spec changed in material 3:
https://m3.material.io/components/menus/specs

But I am a bit puzzled about the icon height. If left to the old value -- which seems to follow the spec -- then it visually looks much larger than what the screenshots in the spec require.

[mit-mit]

I'd really like to land this before the next release, as these new menu widgets are much more performant. @devoncarew are we blocked on the icons? if so, I can tear those changes out.

[devoncarew]

Yeah, the visual changes - which look like undesired regressions - are the icon sizes and the padding around the items. I expect these will be straightforward to fix.

FYI that the (significant) perf drop-off we saw a few weeks ago - both in some versions of chrome and in firefox - are no longer present (due to framework updates).

To be clear, I have no objections whatsoever to this PR as long as we're intentional w/ the UI changes; I just suspect the ones above are regressions.

[mit-mit]

Updated PTAL @devoncarew