Reorder main menu buttons

[Tanza3D]

This reorganizes the main menu buttons to expose the new Ranked Play and other multiplayer features more directly - it uses the following layout:

• exit
• settings

[osu! logo]

• play
  • solo
  • playlists
  • daily challenge
• multi
  • lounge
  • ranked play
• edit
  • beatmap editor
  • skin editor
• browse

This also moves the Exit button to the left of the screen to keep visual balance with the osu! logo - let me know if this should be moved back to the right - if it stays on the left, I'd be tempted to suggest adding the "are you sure?" popup when clicking it as well, just to avoid people accidentally exiting out due to muscle memory

Alternatively, it could go in the full bottom left of the screen, though that feels very out of place compared to the rest.

2026-04-21.02-12-43.mp4

Main part I'm concerned about is how I'm removing the Exit button if the platform doesn't support it, but I don't really have any better ideas of how to handle it. First time working with the codebase so please point me in the right direction if there's a better way to do this!

Here's how it'd look with the exit button in it's normal place:

[Tanza3D]

Will fix tests tomorrow morning, oops

[Jinkku]

ok looks good but for the love of god keep the exit to the right because for me when it's on the left it feels so unnatural than on the right.

so conclusion keep the exit button on the right pls and we good :>

[curoviyxru]

FYI: Menu barely fits with UI scaling 1.3, even larger scaling makes exit button unreachable.

UI scaling 1.3	UI scaling 1.6

Also screenshots from different aspect ratios with default UI scaling:

5:4 (1280x1024)	4:3 (1440x1080)

[Tanza3D]

Only solution I can think of to fix larger UI scaling is to move the exit button somewhere else entirely outside of the button bar (or move the browse or edit button somewhere else) - not sure though

[peppy]

The colours also look weird. There's now two items on the top level with the same colour and it feels very lopsided.