Add About section to settings page with version info and tests

[trustin]

Motivation

Users currently have no way to see the application version or protocol version within the web app. This information is useful for troubleshooting, reporting issues, and verifying they are running the expected version.

Modifications

• Added an "About" section to the settings page displaying:
  • Website link (hapi.run) with proper security attributes (target="_blank", rel="noopener noreferrer")
  • App version (injected via Vite's define at build time)
  • Protocol version (imported from @hapi/protocol)
• Added i18n keys for the About section in both English and Chinese locales (settings.about.title, settings.about.website, settings.about.appVersion, settings.about.protocolVersion)
• Set up Vitest testing infrastructure for the web package:
  • Added vitest.config.ts with jsdom environment
  • Added test setup file with jest-dom matchers
  • Added __APP_VERSION__ global type declaration
  • Configured Vite to define __APP_VERSION__ from package.json
• Added comprehensive tests for the About section verifying:
  • Section renders correctly
  • Version values display properly
  • Website link has correct URL and security attributes
  • Correct i18n keys are used

Result

• Users can now view the app version and protocol version in Settings > About
• Users can click the website link to visit hapi.run in a new tab
• The web package now has a testing infrastructure for writing component tests

🤖 Generated with Claude Code

[github-actions]

Findings

• None.

Summary

• No issues found in diff.
• Residual risk: About section tests cover render/version strings only; no coverage for website link or localization variants.

Testing

• Not run (automation).

HAPI Bot

[github-actions]

Findings

• None.

Summary

• No issues found in diff.
• Residual risk: About section tests cover render/version strings only; no coverage for website link or localization variants.

Testing

• Not run (automation).

HAPI Bot

[trustin]

Addressed the residual risks mentioned in the review:

• Added test for website link URL and security attributes (target="_blank", rel="noopener noreferrer")
• Added test verifying correct i18n keys are used for the About section via spy function

🤖 Generated with Claude Code