Add fireworks particles on click to the pricing page

[sweep-nightly]

Description

This PR adds the feature to display fireworks particles on click to the pricing page. It includes the installation of the "tsparticles-preset-fireworks" package and the necessary modifications to the PricingPage component.

Summary of Changes

• Added the "tsparticles-preset-fireworks" package to the project dependencies.
• Imported the necessary modules in the PricingPage component.
• Initialized tsParticles and loaded the "Fireworks" preset in the PricingPage component.
• Added an event listener to the pricing page element to trigger the fireworks particles on click.

Please review and merge these changes to enable the fireworks particles on the pricing page.

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	acdc88e
🔍 Latest deploy log	https://app.netlify.com/sites/papaya-pothos-8db6ca/deploys/651632d96a7b790008a93985

[netlify]

❌ Deploy Preview for sweepdev failed.

Name	Link
🔨 Latest commit	acdc88e
🔍 Latest deploy log	https://app.netlify.com/sites/sweepdev/deploys/651632d9b5c2160008f455a2

[sweep-nightly]

GitHub actions yielded the following error.

##[error]src/components/PricingPage.tsx(4,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
##[error]src/components/PricingPage.tsx(14,5): error TS18047: 'pricingPage' is possibly 'null'.
##[error]src/components/PricingPage.tsx(15,25): error TS2339: Property 'fireworks' does not exist on type 'Container[]'.
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/PricingPage.tsx(4,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
##[error]src/components/PricingPage.tsx(14,5): error TS18047: 'pricingPage' is possibly 'null'.
##[error]src/components/PricingPage.tsx(15,25): error TS2339: Property 'fireworks' does not exist on type 'Container[]'.
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/PricingPage.tsx

Modify src/components/PricingPage.tsx with contents: • Install the "tsparticles-preset-fireworks" package using npm or yarn. • Import the "tsparticles-preset-fireworks" package at the top of the file. • Inside the useEffect hook, check if the "pricingPage" variable is not null before adding an event listener to it. • Replace the line "tsParticles.dom().fireworks.start();" with "tsParticles.dom().start();".

[wwzeng1]

revert this change

[sweep-nightly]

Done.

[sweep-nightly]

GitHub actions yielded the following error.

##[error]src/components/PricingPage.tsx(4,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
##[error]src/components/PricingPage.tsx(16,27): error TS2339: Property 'start' does not exist on type 'Container[]'.
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/PricingPage.tsx(4,37): error TS2307: Cannot find module 'tsparticles-preset-fireworks' or its corresponding type declarations.
##[error]src/components/PricingPage.tsx(16,27): error TS2339: Property 'start' does not exist on type 'Container[]'.
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/PricingPage.tsx

Modify src/components/PricingPage.tsx with contents: • Install the "tsparticles-preset-fireworks" module using npm or yarn. • Import the tsParticles library and the "Fireworks" preset at the top of the file. • Initialize the tsParticles library and load the "Fireworks" preset in the PricingPage component. • Add an event listener to the pricing page element to trigger the fireworks particles on click.