Implemented Cursor Trail Effect on SETTINGS page

[neeru24]

fixes: #4917

Description: This PR implements a cursor trail effect on the SETTINGS Page, enhancing the user interface by adding colorful circles that follow the mouse cursor.

Changes Made:

• HTML: Added multiple <div class="circle"></div> elements to create the trail effect.
• CSS: Defined styles for the circles, including size, color, and transition effects.
• JavaScript:
  • Captured mouse movements to update the position of the circles.
  • Implemented a color array for dynamic visuals.
  • Used requestAnimationFrame for smooth animations.

This change aims to create a more engaging and interactive user experience.

@sailaja-adapa @abhi03ruchi

[vercel[bot]]

Deployment failed with the following error:

Resource is limited - try again in 8 minutes (more than 100, code: "api-deployments-free-per-day").

[github-actions[bot]]

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

[netlify[bot]]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	137879730ce28f4c08df7be4da2b07c9a90df56e
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/67306d38c9702300087004d2
😎 Deploy Preview	https://deploy-preview-4920--swapreadsconnect.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.

[atmajaa]

@neeru24 Add videos of the changes you have made

[neeru24]

@neeru24 Add videos of the changes you have made

added the cursor trail effect. Kindly merge with level 2.

https://github.com/user-attachments/assets/5e7010cf-dcf2-4590-a4cf-255eb9d5a898

[neeru24]

@atmajaa check it please