feat: add trial expired popup dialog

[devin-ai-integration]

Summary

Adds a popup dialog that appears inside Hyprnote when the 14-day trial period has ended. The dialog prompts users to upgrade to Pro or dismiss it for later.

The dialog shows when:

• User is authenticated
• User is not on Pro plan (isPro === false)
• User cannot start a new trial (canStartTrial === false, meaning they already had a trial)

The dialog can be dismissed with "Maybe later" but will reappear on next app launch since the dismissed state is stored in component state only.

Review & Testing Checklist for Human

• Verify trial expiration logic: Confirm that canStartTrial === false && !isPro correctly identifies users whose trial has expired (vs users who never started a trial, or users with active subscriptions)
• Test the dialog UX: Run the app with a user account whose trial has expired and verify the dialog appears and both buttons work correctly
• Consider persistence: The dismissed state resets on app restart - verify this is the desired behavior for the product

Notes

• The query returns true on API errors, so the dialog fails silently (won't show) if the API is unreachable
• Link to Devin run: https://app.devin.ai/sessions/69376a2ae37e419c8fe770a95984bf64
• Requested by: john@hyprnote.com (@ComputelessComputer)

[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

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	f308946
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/694c01e6bd2b71000896ddf3
😎 Deploy Preview	https://deploy-preview-2551--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	f308946
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote-storybook/deploys/694c01e6613c8d0008eb9919
😎 Deploy Preview	https://deploy-preview-2551--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.

[yujonglee]

#2405