21 improve the design

[StanleyMasinde]

Description

This PR introduces a three step form for collecting information.

Proposed Changes

Change the current ui to a multi step form. This makes the process very intuitive.

Checklist

Please ensure that you have completed the following steps:

• I have tested these changes thoroughly.
• I have updated the documentation (if necessary).
• I have added/updated unit tests (if applicable).
• I have run pnpm run lint -- fix and addressed any linting/formatting issues.
• My code follows the project's coding style guidelines.
• I have added a changeset if necessary

Further Comments

NA

Screenshots (If applicable)

NA

Type of change

Please delete options that are not relevant.

• 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)
• This change requires a documentation update

Testing instructions

Navigate to the root. You should see three steps of filling in the data.

Notes for Reviewers

NA

Release notes

• Muti-step form for filling in the data for the PWA.

[netlify]

✅ Deploy Preview for pwagenerator ready!

Name	Link
🔨 Latest commit	e0b59ce
🔍 Latest deploy log	https://app.netlify.com/sites/pwagenerator/deploys/67a4dc9a3950230008e8ecc3
😎 Deploy Preview	https://deploy-preview-24--pwagenerator.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.

[cloudflare-workers-and-pages]

Deploying pwa-generator with    Cloudflare Pages

Latest commit:	e0b59ce
Status:	✅  Deploy successful!
Preview URL:	https://e45fe562.pwa-generator.pages.dev
Branch Preview URL:	https://21-improve-the-design.pwa-generator.pages.dev

View logs