Add a PWA web app manifest and apple-touch metadata

[mikewheeleer]

Implement a web app manifest for installability and richer metadata

Description

src/app/layout.tsx sets a title template, description, and OpenGraph/Twitter metadata, but the app has no manifest.ts, so it cannot be installed as a PWA and lacks theme-color / icon metadata that browsers and OS share sheets use. This issue adds a generated manifest and wires it into the metadata.

Requirements and context

• Repository scope: Agentpay-Org/Agentpay-frontend only.
• Create src/app/manifest.ts returning a MetadataRoute.Manifest with name, short_name, description, start_url, display, background/theme colours matching the dark/light palette in src/app/globals.css.
• Reference the existing favicon and add icon entries; do not invent assets that do not exist (reuse src/app/favicon.ico or add a documented placeholder).
• Add themeColor/manifest to the metadata in src/app/layout.tsx per the Next.js viewport/metadata API.

Suggested execution

• Fork the repo and create a branch
• git checkout -b feature/seo-web-manifest
• Implement changes
  • Write code in: create src/app/manifest.ts; update metadata in src/app/layout.tsx.
  • Write comprehensive tests in: create src/app/manifest.test.ts — assert required manifest fields are present and colours are valid.
  • Add documentation: note PWA/manifest support in README.md.
  • Validate npm run build emits the manifest without warnings.
• Test and commit

Test and commit

• Run npm run lint, npm run typecheck, npm test, and npm run build.
• Cover edge cases: theme-color matches palette and required fields present.
• Include the npm test output.

Example commit message

feat(seo): add PWA web app manifest and theme-color metadata

Guidelines

• Minimum 95 percent test coverage for the manifest module.
• Clear, reviewer-focused documentation.
• Timeframe: 96 hours.

Community & contribution rewards

• 💬 Join the AgentPay community on Discord for questions, reviews, and faster merges: https://discord.gg/eXvRKkgcv
• ⭐ This is a GrantFox OSS / Official Campaign task and may be rewarded. When your PR is merged you'll be prompted to rate the project — if this issue and the maintainers helped you ship, we'd be grateful for a 5-star rating. Clear questions in Discord and tidy, well-tested PRs are the fastest path to a merge and a reward.

[YfengJ]

Hi maintainers, I would like to apply for this issue if it is still available.

If assigned, I would keep the change scoped to PWA/metadata support: add src/app/manifest.ts with a typed MetadataRoute.Manifest, reuse existing assets instead of inventing new icons, add the manifest/theme-color wiring in src/app/layout.tsx using the current palette, and document the manifest support in the README.

I would add focused tests for the required manifest fields, icon entries, start URL/display mode, and valid theme/background colours, then run npm run lint, npm run typecheck, npm test, and npm run build before opening a PR.

I will wait for maintainer or GrantFox assignment/confirmation before cloning, implementing, or opening a PR.

[AbuJulaybeeb]

Hi Maintainer, I have reviewed the description of the issue and would like to hop on this issue and deliver ETA

[grantfox-oss]

🦊 GrantFox — @AbuJulaybeeb has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #89)
2. Your PR will be reviewed by the Agentpay-Org maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@AbuJulaybeeb's PR #181 was approved and merged by @mikewheeleer.

🏆 @AbuJulaybeeb: You earned 40 FoxPoints for this contribution! Your current tier: Builder (2,571 total points). Track your full progress on GrantFox.

👏 Great work, @AbuJulaybeeb! Keep contributing to Agentpay-Org.