fix: add missing header on analyze/results page

[mahek2016]

Addressed Issues:

Fixes #136

Screenshots/Recordings:

Before:
The analyze/results page did not display the navigation header after article analysis.

After:
The navigation header now appears correctly on the analyze/results page, ensuring consistent navigation across the application.

(Attach screenshots here if possible)

Additional Notes:

This fix ensures the Header component is properly included so that the analyze/results page displays the navigation header like other pages.
Tested locally using npm run dev.

Checklist

• My PR addresses a single issue, fixes a single bug or makes a single improvement.
• My code follows the project's code style and conventions
• If applicable, I have made corresponding changes or additions to the documentation
• If applicable, I have made corresponding changes or additions to tests
• My changes generate no new warnings or errors
• I have joined the Discord server and I will share a link to this PR with the project maintainers there
• I have read the Contribution Guidelines
• Once I submit my PR, CodeRabbit AI will automatically review it and I will address CodeRabbit's comments.
• I have filled this PR template completely and carefully, and I understand that my PR may be closed without review otherwise.

Summary by CodeRabbit

• New Features
  • Added a header navigation bar with the "Perspective" brand link
  • Integrated an "Analyze" link for quick access to analysis features
  • Theme toggle button now accessible from the header for convenient switching

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 1330fc05-846c-4046-a51c-58951b36948d

📥 Commits

Reviewing files that changed from the base of the PR and between 68a64c3 and 2bcd31f.

📒 Files selected for processing (2)

• frontend/app/layout.tsx
• frontend/components/header.tsx

---

📝 Walkthrough

Walkthrough

A new header component was created and integrated into the application's root layout. The header displays a brand link to the homepage, navigation menu with an "Analyze" link, and a theme toggle, making it available across all pages.

Changes

Cohort / File(s)	Summary
Root Layout Integration frontend/app/layout.tsx	Added Header import and rendered the Header component inside ThemeProvider to display it across all application pages.
New Header Component frontend/components/header.tsx	Created a new client-side header component featuring a branded "Perspective" link, "Analyze" navigation link, and ThemeToggle component with styled border and background.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

A header hops into the view,
With "Perspective" shining bright and true,
The theme toggle switches light to night,
Navigation guides users just right,
Now every page wears its crown with pride! 👑

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the primary change: adding a missing header component to the analyze/results page.
Linked Issues check	✅ Passed	The PR fully addresses issue #136 by adding the Header component to the layout, which ensures navigation appears on the analyze/results page.
Out of Scope Changes check	✅ Passed	All changes are directly scoped to fixing the missing header issue; no unrelated modifications were introduced.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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 and usage tips.}