Summary

1. Improvement of semantic html
   In many places, divs was used, but with html5 generally there is a tag for specific purpose.
   I added the following tags:

• main - represents the dominant content of the of a document.
• footer - represents a footer for its nearest sectioning content or sectioning root element.
• section - represents a standalone section — which doesn't have a more specific semantic element to represent it — contained within an HTML document.
• aside - represents a portion of a document whose content is only indirectly related to the document's main content.
• figure - specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
• figcaption - represents a caption or legend describing the rest of the contents of its parent element.

Mozilla HTML elements reference

2. Improve Icon package
   The icons, current, is in separate packages, but as they shared "same logic", imo, they should be in the same package

3. Fix react hot reload
   I added the react-hot-reload dependency, before this change, live-reload wepback-dev-server didn't work for react components.

4. Improvement of first page css
   In the Footer.css file, elements are positioned by padding prop. Instead, I change the footer to occupy the final 14% of the screen and I use the placed-content and placed-items properties

TODO:

• Fix Funcionalidade do botão de pesquisa #73
• Improve css files, current, there is more css than needed
• Maybe include react hooks(i'll open a discussion soonest)