Feature/react router

[reesegreen2014]

What does this PR do?

• This PR incorporates React Router into the project, allowing for better navigation and dynamic rendering of components based on the URL.

  Where should the reviewer start?

  Start by reviewing the changes in App.js where the routes have been defined. Then, check the modified components that correspond to the routes.

  How should this be manually tested?

• [ ] Run the application.

• [ ] Navigate to different URLs in the application to ensure the corresponding components are rendered.

• [ ] Verify that the navigation links work correctly and that the browser's back and forward buttons function as expected.

Any background context you want to provide?

This is the initial implementation of React Router for the project. The goal is to enhance user experience by enabling dynamic routing and better state management through URL changes.

[kiewi16]

• [x] Run the application.
• [x] Navigate to different URLs in the application to ensure the corresponding components are rendered.
• [x] Verify that the navigation links work correctly and that the browser's back and forward buttons function as expected