Add fireworks particles on click to the pricing page

[sweep-nightly]

Description

This PR adds fireworks particles on click to the pricing page. It introduces a new component FireworksParticles that initializes and renders the fireworks particles using the tsParticles library and the tsparticles-preset-fireworks preset. The FireworksParticles component is then added to the PricingPage component to display the fireworks particles effect. An event listener is also added to trigger the fireworks particles effect on click.

Summary of Changes

• Created a new component FireworksParticles in src/components/FireworksParticles.tsx to handle the initialization and rendering of the fireworks particles.
• Imported tsParticles and loadFireworksPreset from tsparticles-preset-fireworks in FireworksParticles.tsx.
• Added the FireworksParticles component to the PricingPage component in src/components/PricingPage.tsx.
• Added an id attribute and an onClick event handler to the element that triggers the fireworks particles effect on click in PricingPage.tsx.
• Updated the README.md file with the solution and steps to reproduce the fireworks particles effect.

Please review and merge these changes at your earliest convenience.

Fixes #509.

---

🎉 Latest improvements to Sweep:

• Getting Sweep to run linters before committing! Check out Sweep Sandbox Configs to set it up.
• Added support for self-hosting! Check out Self-hosting Sweep to get started.
• [Self Hosting] Multiple options to compute vector embeddings, configure your .env file using VECTOR_EMBEDDING_SOURCE

---

💡 To get Sweep to edit this pull request, you can:

• Leave a comment below to get Sweep to edit the entire PR
• Leave a comment in the code will only modify the file
• Edit the original issue to get Sweep to recreate the PR from scratch

[netlify]

❌ Deploy Preview for papaya-pothos-8db6ca failed.

Name	Link
🔨 Latest commit	99621cd
🔍 Latest deploy log	https://app.netlify.com/sites/papaya-pothos-8db6ca/deploys/6514bd2a1b25af0008455472

[netlify]

❌ Deploy Preview for sweepdev failed.

Name	Link
🔨 Latest commit	99621cd
🔍 Latest deploy log	https://app.netlify.com/sites/sweepdev/deploys/6514bd2a6b5f0f000885f2a9

[sweep-nightly]

GitHub actions yielded the following error.

##[error]src/components/FireworksParticles.tsx(3,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
##[error]src/components/PricingPage.tsx(6,82): error TS2304: Cannot find name 'tsParticles'.
error Command failed with exit code 2.

The command that failed is yarn run tsc.

This is likely a linting or type-checking issue with the source code. Update the code changed by the PR. Don't modify the existing tests.

[sweep-nightly]

🚀 Wrote Changes

##[error]src/components/FireworksParticles.tsx(3,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
##[error]src/components/PricingPage.tsx(6,82): error TS2304: Cannot find name 'tsParticles'.
error Command failed with exit code 2.

The command that failed is yarn run tsc.

Hi @sweep-nightly[bot],

I decided to make the following changes:

File Path	Proposed Changes
src/components/FireworksParticles.tsx	Modify src/components/FireworksParticles.tsx with contents: • Add the following import statement at the top of the file: import { tsParticles } from 'tsparticles';
src/components/PricingPage.tsx	Modify src/components/PricingPage.tsx with contents: • Add the following import statement at the top of the file: import { tsParticles } from 'tsparticles';
package.json	Modify package.json with contents: • Add 'tsparticles-preset-fireworks' to the dependencies: "tsparticles-preset-fireworks": "^1.0.0"

[sweep-nightly]

GitHub actions yielded the following error.

src/components/FireworksParticles.tsx(3,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
error Command failed with exit code 2.

The command that failed is yarn run tsc.

This is likely a linting or type-checking issue with the source code. Update the code changed by the PR. Don't modify the existing tests.

[sweep-nightly]

🚀 Wrote Changes

src/components/FireworksParticles.tsx(3,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
error Command failed with exit code 2.

The command that failed is yarn run tsc.

Hi @sweep-nightly[bot],

I decided to make the following changes:

File Path	Proposed Changes
package.json	Modify package.json with contents: • Ensure that the 'tsparticles-preset-fireworks' module is included in the dependencies. If not, add it.
src/components/FireworksParticles.tsx	Modify src/components/FireworksParticles.tsx with contents: • Check the import statement for the 'tsparticles-preset-fireworks' module. If it is not correctly imported, correct the import statement.