🚀 [New Feature_WebApp] - Implement lazy loading of pages

[Avinash905]

Description of the enhancement. ✍🏻

Lazy loading is a technique that can be used to improve the performance of a website by delaying the loading of resources until they are needed. This can help to reduce the initial load time of a page, which can improve the user experience and make the website more responsive.

The benefits of lazy loading include:

• Reduced initial load time
• Improved user experience
• More responsive website
• Increased SEO ranking

Describe briefly how you would implement this enhancement.

Some steps to implement this enhancement-
1. I will import the pages using react lazy import 
2. Then will use react Suspence to loading of the page until the pages are imported.

Contributor terms

• [X] I agree to follow the Contributing Instructions

[github-actions[bot]]

Hello @Avinash905! Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines. 💪🏻 Don't forget to ⭐ our GitHub-ReadMe. 📃

Our review team will carefully assess the issue and reach out to you soon! 😇 We appreciate your patience! 😀

[praveenscience]

Okay, understood, but I am not sure what we're lazy loading though. Send a PR of what you wanna do, let's review it. 😊

[Avinash905]

Okay, understood, but I am not sure what we're lazy loading though. Send a PR of what you wanna do, let's review it. 😊

@praveenscience I have opened a pr https://github.com/CatsInTech/GitHub-ReadMe/pull/119