feat: add Random Gradient Generator tool

[asadgulxar]

🛠️ Issue (1986)

Closes #1986

# Description

Summary This PR introduces a new feature: the Random Gradient Generator, which addresses and closes issue #1986. The Random Gradient Generator is a tool designed to help users quickly generate and integrate vibrant background gradients into their web projects. It provides an intuitive interface for generating random gradients, previewing them, and copying the corresponding CSS code for easy integration.

Details The main features of this tool include:

Generate Gradient: Users can click the "Generate Gradient" button to create a new random gradient. Preview Gradient: The generated gradient is displayed in a preview box, allowing users to see the gradient in real-time. Copy Gradient Code: Users can copy the generated gradient CSS code to their clipboard by clicking the "Copy" button.

Please include a summary of the change. Please also include relevant motivation and context. List any dependencies that are required for this change.

• [x] New feature (non-breaking change which adds functionality)

• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

• [x ] This change requires a documentation update

• [x] I have made this from my own

• [x] I have taken help from some online resourses

• [x] My code follows the style guidelines of this project

• [x] I have performed a self-review of my own code

• [ ] I have commented my code, particularly in hard-to-understand areas

• [ ] I have made corresponding changes to the documentation

• [ ] My changes generate no new warnings

• [ x] The title of my pull request is a short description of the requested changes.

Screenshots:

[netlify[bot]]

✅ Deploy Preview for frontendprojects ready!

Name	Link
🔨 Latest commit	71467c9b8a4c9874dea872846987a5acb4fca6e6
🔍 Latest deploy log	https://app.netlify.com/sites/frontendprojects/deploys/66894a444b089c0008180874
😎 Deploy Preview	https://deploy-preview-2002--frontendprojects.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.