The current icons used are PNG because the SVG imported from Lunacy had issues with their heights (they won't get aligned to the center).

It sort of degrades UX when the asideLinks toggle button has to be clicked to hide it. Having some event listener on the document (maybe hook) for onclick event might work.

If the clicked element is not asideLinks, hide it.

To keep the development easier, I chose to create the components in index.js. Now after most of the components are created, it's time to isolate and import them.

The website was built pc-first and the UX is horrible by overflow and hard to use sidebar.

Some challenges like Authentication and Meme gen are APIs, they don't have an interface. Therefore, describing their usage and endpoints is best done in a modal with a transitioned layer behind it that goes from transparent to blurry background.

UI: An icon near the link icon if a link to its source is needed, else the icon alone.