Fix Maximum update depth exceeded on navbar component

[RafaelCenzano]

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
at MainNavigation (http://localhost:3000/static/js/bundle.js:2742:81)
at section
at GlobalContextProvider (http://localhost:3000/static/js/bundle.js:602:3)
at App (http://localhost:3000/static/js/bundle.js:61:51)
at Router (http://localhost:3000/static/js/bundle.js:293180:15)
at BrowserRouter (http://localhost:3000/static/js/bundle.js:291160:5)