Side Menu / Drawer

[lauslim12]

We can make Speednote even slicker, simpler, and more minimalist by moving the theme switcher and the GitHub link to a sidebar. The idea is that the sidebar will contain all of the current and possible future configurations.

In my mind right now:

• Theme switcher
• Export notes in a JSON format
• Full screen button
• About, GitHub link

Considerations:

• Component should be lazy loaded to ensure that it's not bloating the application on the first render.
• In case we would like it to be more beautiful (ala icon-on-the-left-of-the-button style), please use emojis and not icons as it's natively supported in most operating systems.
• In the side-drawer, we should have a place where we could put a logo. Perhaps the logo could be made from pure CSS with changing gradients?
• Try to utilize checkbox hack instead of having a state. This will cause the application to be more performant (even though it's minuscule optimization).

Some sidebar inspirations:

• Daisy UI
• Flowbite Sidebar
• Flowbite Drawer
• Preline
• Material Tailwind
• Meraki UI

Another inspiration is from this simple writing site.

Tangentially related to #3, but this is big enough in scope that it deserves its own issue.