Added Retirement Calculator

[kamalesh-og]

Fixes Issue🛠️

Closes #822

Description👨‍💻

This pull request adds a new feature to the website: a "Retirement Calculator". The Calculator predicts users' retirement savings growth by factoring in age, savings, contributions, and expected returns, facilitating informed financial planning for a comfortable retirement. This includes the following changes:

• Simple and minimalistic code with easy-understanding logic.
• A user-friendly interface with a date input field and a calculate button.
• A visually appealing background gradient for the webpage with animation.
• A semi-transparent container with a subtle pattern for better readability and aesthetics.

No additional dependencies are required for this change.

Type of change📄

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

How this has been tested✅

This feature has been tested by:

• Manually providing different inputs and verifying that the Estimated Output is displayed.
• Ensuring the gradient background and structured container render correctly on various screen sizes.
• Checking the readability of text within the container against the animated gradient background.
• Verifying that the site functions correctly across different browsers (Chrome, Edge).

Checklist✅

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented on my code, particularly in hard-to-understand areas
• I have added a demonstration in the form of Screenshots.
• I am an Open Source Contributor

Screenshots/GIF📷

On search

These are the UI for the page, The added background-size and animation properties to create a smooth, animated gradient background that transitions between four different colors.

Sample Output,

[github-actions]

Hey @kamalesh-og, Welcome to the project CalcDiverse! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[netlify]

✅ Deploy Preview for calcdiverse ready!

Name	Link
🔨 Latest commit	f710297
🔍 Latest deploy log	https://app.netlify.com/sites/calcdiverse/deploys/665999ace1046f0008942e31
😎 Deploy Preview	https://deploy-preview-934--calcdiverse.netlify.app
📱 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 configuration.

[kamalesh-og]

Hello Project Admin,
I've updated the new feature that was assigned to me, Can you merge my PR into yours @Rakesh9100
Also Kindly Add Level 1, 2 or 3 to the Issue

[Rakesh9100]

Good, Congrats on getting your PR merged to the repo under GSSOC 2k24 🥳🎉 @kamalesh-og