Dropdown
Display a positioned toggleable pop-up
Dropdown
Go to top
Topbar dropdown
Using the browser-native Popover Web
API, we don't
have to worry about click/touch/keypress event handlers, or z-index.
The .bf-dropdown class only styles the popover container, and does not help
with positioning.
Unfortunately, CSS Anchor Positioning is not supported by Firefox or Safari
yet, but for dropdowns in topbar
it's probably sufficient to place it manually with top and right.
For anchored positioning you can use a JS library like https://floating-ui.com/ until CSS anchor positioning is better supported.
Color mode picker
App name
Color mode
Click the top-right icon to toggle color mode picker dropdown.