Menu component for the web version

[cguedes]

This is part of #347

Add a menu for the web that contains the relevant actions we have in the Desktop menu.
Also, we need to capture keyboard events for these menu actions (ex: save).

[hammer]

Why do we need a menu for the web version? Aren’t all these commands available through the command palette?

[danvk]

Yes, commands would all be available via the command palette. A menu would aid discoverability and consistency across the two platforms. If we're not going to have a menu in the web version then we should probably de-emphasize it in the desktop version, too.

Notion and Google Docs both have menu bars, though Google's is much more prominent/important.

Menu in Notion:

Menu in Google Docs:

[hammer]

While we're talking about menus, I wanted to note that in Tauri 2.0 there are several big changes to menus, for example tauri-apps/tauri#6617 (already found by @danvk), tauri-apps/tauri#7535, tauri-apps/tauri#4338 (context menus, but related). No action now, but it may impact our implementation strategy if we know a big change is coming.

[hammer]

@danvk I can see both sides of this argument. For a desktop app, a menu is quite natural and it's weird not to have it. For a web app, it's becoming increasingly unnatural. For example, Type and Wordtune do not have a menu.

Both Slack and Notion use the top-of-screen menu for their desktop app but don't replicate the top-of-screen menu functionality on their web app. Note that Notion desktop has both a top-of-screen menu and the menu you've pointed out that's discoverable under the "•••" in the upper right. Notion web only has the "•••" menu.

Overall I think the notion of a web app with a top-of-screen menu is a bit outdated and not necessary. I don't hold this position strongly though so if y'all think it's in error please let me know!

If we don't have a top-of-screen menu, maybe we have a ☰ or ••• element someplace that brings this functionality into the web app someplace else?

[danvk]

I'm fine with no menu on the web version. We should, however, make sure that there's some on-screen, discoverable way to complete critical actions in the app. For example Notion auto-saves (so Save / CmdS isn't critical) and has an on-screen "+" button to add new documents: