Add new note icon to top toolbar when in focus mode

[sandymcfadden]

Fix

Adding the new note icon to the note toolbar when we are in focus mode.
This addresses part of the issue #2563 as part of the UI Spring Cleaning.

Test

1. Enter focus mode by toggling the left sidebar so it is hidden
2. Click the new note icon in the upper left
3. Ensure the new note is created
4. Try this in both light and dark mode to ensure styles appear correct.

Release

• Add the new note icon to the toolbar when in focus mode.

[codebykat]

Looks and works great! There's a teensy alignment issue on the Mac build (I think we're adding some extra toolbar padding for this platform):

I'm also wondering (and this is an honest question, not me being Socratic) if there's a way to use the same button in the note toolbar and in the menu bar, and use styles to change its placement... or even if those two menu bars should now be the same component. 🤔

Does that seem possible or too much of a pain?

[sandymcfadden]

Thanks for pointing me in the right direction with the padding @codebykat and catching that. I had tested on macOS and then made some changes and obviously didn't check closely again.

I did take a quick look to see before I started to see if I could use that same button but didn't see a good way to do it. I didn't look at refactoring to make the menu bars one component though. I'll investigate that a bit.

[sandymcfadden]

@codebykat I took a look at moving the two menus into one component. I think it could be done. It would likely make for a big component and refactor the layout of the app. I don't think it is something I could do as part of this PR, but would be happy to look at it more together at some point if you are up for it.

[codebykat]

Looks and works great now, including on OSX 👍

[pachlava]

[testing] fix/feature verified on Dell Latitude 7400 | Win 10 | Simplenote 2.7.0-beta1