Refactored class components to use React hooks/function component

[niksseif]

This PR addressed issue #630.

Changes Requested in Issue:

• [x] The current project outlines the use of Class components to build the project.
• [x] The push to use Class components needs to be removed to instead push students to function

components and hooks.

Changes Made:

• Updated Class components to function components using hooks.
• Updated objectives to reflect functional component expectations.
• Updated links/docs to reflect the new React documentation.

Questions:

• I have kept the link to Stack Overflow about the differences between Props and State, which has a class example in there. Do we want to change/remove this? Almost everything I found online has a class example to explain this concept.
• In this project, all functional components are using the function keyword. Do we want to use function expressions or function keywords here?
• There is only one reference to OOP/Class components here that I think might be helpful for students to know there are other ways to create components. "It's important to note that this code is using functional components, rather than class components and OOP. This allows us to manage our component in a more concise and streamlined way, without relying on class inheritance and traditional OOP principles."- Do we want to keep this or remove it?

[netlify[bot]]

✅ Deploy Preview for sage-cupcake-e1a0c3 ready!

Name	Link
🔨 Latest commit	334550a3af596c67c42282abde2c80ecbbac36c8
🔍 Latest deploy log	https://app.netlify.com/sites/sage-cupcake-e1a0c3/deploys/64382b922eefa60008095fcd
😎 Deploy Preview	https://deploy-preview-666--sage-cupcake-e1a0c3.netlify.app/lessons/module-3/react-2-the-how
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[niksseif]

@Kalikoze & @letakeane - Thank you both for reviewing my PR and providing feedback. I appreciate your suggestions and have made the necessary changes. Please find the updated code here 334550a3af596c67c42282abde2c80ecbbac36c8. Let me know if there's anything else I can do to improve this. Thanks again!