Move Styling into CSS files to make components more reusable

[Nikolaa92]

Problem

Some files including Navbar.tsx, LogoutButton.tsx, DashboardPage.tsx, Chart.tsx and Homepage.tsx have styling done from inside of the component.

Solution

It would be the best practice to take out styling code and move it to CSS styling files instead in order to modularize components.

Additional information

Homepage.tsx is using combination of React and DOM manipulation to style. It would be best practice to convert actual DOM manipulation into React Virtual DOM manipulation.

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to implement this feature!