Fix RD Calculator functionality and UI improvements

[akshay0611]

🛠️ Fixes Issue

Fixes: #3338

---

👨‍💻 Description

What does this PR do?

This pull request addresses the issue with the RD Calculator where the Calculate and Clear buttons are non-functional. After entering valid input for Monthly Deposit, Rate of Interest, and Time Period, the buttons fail to trigger their intended actions:

• The Calculate button does not perform the calculation or display any results.
• The Clear button does not reset the input fields or remove the results.

This fix ensures that both buttons function as expected, providing the user with the ability to:

1. Calculate the total interest and maturity amount based on the entered values.
2. Clear the input fields and any displayed results.

Additionally, a legend has been added to the RD Calculator for better accessibility and context, helping users understand the purpose of each input section.

---

📄 Type of Change

• [✅] Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (adds or updates related documentation)

---

📷 Screenshots/GIFs (if any)

Before the Fix:

The screenshot shows the RD Calculator interface with the Calculate and Clear buttons present. Despite entering valid values for Monthly Deposit, Rate of Interest, and Time Period, clicking the Calculate button does not trigger any calculation or display results. Similarly, clicking the Clear button does not reset the input fields or clear the displayed results. The buttons are visually present but do not function as expected, resulting in a non-interactive user experience.

---

After the Fix:

The screenshot shows the RD Calculator interface after the fix has been implemented. Now, clicking the Calculate button correctly triggers the calculation of the total interest and maturity amount, displaying the results as expected. The Clear button also functions as intended, resetting the input fields and clearing any displayed results, providing a fully interactive and responsive user experience.

---

✅ Checklist

• [] I am a participant of GSSoC-ext.
• [✅] I have followed the contribution guidelines of this project.
• [✅] I have made this change from my own.
• I have taken help from some online resources.
• [✅] My code follows the style guidelines of this project.
• [✅] I have performed a self-review of my own code.
• I have added documentation to explain my changes.

---

Mandatory Tasks

• [✅] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

---

🤝 GSSoC Participation

• [] This PR is submitted under the GSSoC program.
• I have taken prior approval for this feature/fix.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
finveda	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 26, 2024 3:53am

[github-actions]

Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊