feat: add dynamic page title on tab visibility change

[arpita22905]

Pull Request

🔗 Related Issue

Closes #400

---

📝 Summary of Changes

• Added a Page Visibility API listener in frontend/main.js.
• Changes the browser tab title to "Come back to LeadOrbit!" when the user switches to another tab.
• Restores the original page title when the user returns to the LeadOrbit tab.

---

🏷️ Type of Change

• 🐛 Bug fix
• ✨ New feature
• ♻️ Refactor
• 📝 Documentation update
• 🎨 UI / Style change
• 🔧 Chore

---

🧪 Testing

Tested locally in the browser.

Steps to test:

1. Open the LeadOrbit application in a browser.
2. Switch to another browser tab.
3. Verify the tab title changes to "Come back to LeadOrbit!".
4. Return to the LeadOrbit tab.
5. Verify the original page title is restored.

---

📸 Screenshots (if applicable)

---

✅ Checklist

• No merge conflicts
• Changes follow the project guidelines
• Documentation updated (if applicable)
• Related issue linked
• Changes tested locally (if applicable)

Summary by CodeRabbit

• New Features
  • The browser tab title now displays a reminder when the page is hidden and restores its previous title when you return.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: e8e97d47-cef4-49f5-8ff8-68bc8b681080

📥 Commits

Reviewing files that changed from the base of the PR and between 4a33158 and f81dc95.

📒 Files selected for processing (1)

• frontend/main.js

---

📝 Walkthrough

Walkthrough

The frontend now changes the page title to “Come back to LeadOrbit!” when the browser tab is hidden and restores the original title when the tab becomes visible.

Changes

Dynamic page title

Layer / File(s)	Summary
Visibility title handler frontend/main.js	Captures the initial document title and updates it through a visibilitychange listener based on document.hidden.

Estimated code review effort: 1 (Trivial) | ~3 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly describes the main change: updating the page title on tab visibility change.
Linked Issues check	✅ Passed	The PR implements the requested Page Visibility API title change to 'Come back to LeadOrbit!' when the tab is hidden.
Out of Scope Changes check	✅ Passed	No unrelated code changes are indicated beyond the visibility-based title update.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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