Modernize README Examples and Convert Components to Functional #511

[Danguya]

Description:

This Pull Request encompasses a series of enhancements aimed at improving the codebase and documentation of our project. The key modifications include the conversion of class components to functional components, utilizing the latest features and best practices in React development. Additionally, the README file has been updated to reflect these changes, providing users and contributors with more accurate and up-to-date examples.

Main Changes:

• Convert Class Components to Functional Components: All class components in the examples have been refactored to functional components, leveraging hooks and other modern React features.
• Update README Examples: The examples provided in the README have been revised and updated to align with the latest React best practices and the changes made in the codebase.
• Utilize Modern React Features: The updated components employ modern React features, ensuring that the code is optimized, readable, and adheres to current best practices.

Goals:

• Enhance code readability and maintainability by adopting functional components and modern React features.
• Provide accurate and updated examples in the README to aid users and contributors in understanding and utilizing the library.
• Promote best practices and modern development patterns within the project.

Testing:

• All updated components and examples have been tested to ensure functionality remains intact.
• Manual verification of README documentation for accuracy and clarity.

This PR contributes to the ongoing effort to improve the project's quality and usability, and feedback on these changes is highly appreciated.

This PR is a response to issue #511 and seeks to address the points raised in it, bringing significant improvements to both the code and the project documentation. I appreciate any feedback in advance and am open to discussions and adjustments to ensure that the changes meet the project's needs in the best possible way.

[fisshy]

Thanks alot, will merge it.