feat(web): add status page link to footer

[yujonglee]

Summary

Adds a link to the status page (https://status.hyprnote.com) in the website footer under the Product section, with an external link icon.

Review & Testing Checklist for Human

• Verify the status page URL (https://status.hyprnote.com) is correct and accessible
• Visually confirm the link appears in the footer under the Product section after GitHub
• Approve the Argos visual regression diffs (3 changed screenshots expected due to footer update)

Notes

• Requested by @yujonglee
• Link to Devin run: https://app.devin.ai/sessions/4fd2694c257c4d4e9d468e533bc9dec8

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR that start with 'DevinAI' or '@devin'.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[coderabbitai]

📝 Walkthrough

Walkthrough

Added a new external link item labeled "Status" in the Product section of the footer component with an ExternalLinkIcon. No structural or logic changes to the component.

Changes

Cohort / File(s)	Summary
Footer UI enhancement apps/web/src/components/footer.tsx	Added new external "Status" link item in the Product section with ExternalLinkIcon

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

• Single file modification with no logic changes or public API impacts
• Straightforward UI element addition following existing footer item patterns

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately reflects the main change: adding a status page link to the footer component.
Description check	✅ Passed	The description clearly explains the addition of a status page link to the footer's Product section with visual reference and testing checklist.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch devin/1764552657-add-status-page-footer

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	9caf75d
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/692cf05e76d991000840bab1
😎 Deploy Preview	https://deploy-preview-2024--hyprnote.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 project configuration.

[netlify]

✅ Deploy Preview for hyprnote-storybook ready!

Name	Link
🔨 Latest commit	9caf75d
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote-storybook/deploys/692cf05ee80ead0008afcead
😎 Deploy Preview	https://deploy-preview-2024--hyprnote-storybook.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 project configuration.

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
web (Inspect)	⚠️ Changes detected (Review)	3 changed	Dec 1, 2025, 1:40 AM