issue/626-627-628: type and prop fixes

[staghouse]

Close #626 Close #627 Close #628

[netlify[bot]]

✅ Deploy Preview for neon-otter-8cd2e8 ready!

Name	Link
🔨 Latest commit	da2de00e7f0ccd861c555cb0044b88add2358883
🔍 Latest deploy log	https://app.netlify.com/sites/neon-otter-8cd2e8/deploys/6615e3d21404840008998f94
😎 Deploy Preview	https://deploy-preview-632--neon-otter-8cd2e8.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 74 Accessibility: 100 Best Practices: 100 SEO: 100 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 100.00%. Comparing base (60a6a65) to head (da2de00).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #632 +/- ## ========================================= Coverage 100.00% 100.00% ========================================= Files 1 1 Lines 69 69 Branches 27 27 ========================================= Hits 69 69 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.