Just Smash It Front End Navigation Bar Refactor

Please, read through all of the README documentation in both repositories; Frontend and Backend.
Understand what libraries and frameworks are installed
I need the navigation components refactored
These are the only components that should be touched; NavBar.js, NavMenu.js, and NavDrawer.js
These files are located at client/src/components/layout/
All of the functionality and styling should remain the same
But much cleaner and optimized
Organize the data differently and more simple
The website has two ways of navigating
By scrolling to a section
By routing to a page
Make sure you are passing the correct data to navigate to the correct location based on if it’s scrolling or routing.
You can see the conditions and methods I used in the source code
Please, study the code that exists and understand how it works
Once you understand, move forward with implementing your new solution
If needed, you can recreate the entire components but be sure to keep the same functionality and styling.
The data chart below will demonstrate how props are being passed through the components.