Convert some components to functional components

[Igsu-Bravo]

🚀 Description

Converted the following components to functional components:

• Text.jsx
• NavigationBar.jsx
• Sidebar.jsx
• App.js

Additionally upgraded a few dependencies

📄 Motivation and Context

https://github.com/jmprathab/MyHome-Web/issues/128

🧪 How Has This Been Tested?

Basic interactions with the UI and comparing behavior to the current master branch. I'd suggest to build an E2E test suit at this point as the UI is still relatively simple 👀

📷 Screenshots (if appropriate)

📦 Types of changes

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

✅ Checklist

• [x] My code follows the code style of this project(Do your best to follow code styles. If none apply just skip this).
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.

[Igsu-Bravo]

There are quite a bit of styling differences. I can setup a prettier configuration and push to this feature branch if you want, otherwise I can remove the styling differences from my changes.