V3.5 dependency update

[ThomasJButler]

Summary by CodeRabbit

• New Features

  • Added end-to-end screenshot testing for all routes across multiple browsers and device viewports.

• Style

  • Updated header and footer styling with solid black backgrounds and removed blur effects.
  • Refined navigation link colors, spacing, and hover interactions for improved visual consistency.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 201afe09-7a56-40f7-bdd8-7ae05dc1cbca

📥 Commits

Reviewing files that changed from the base of the PR and between 34e3dbf and 7900521.

⛔ Files ignored due to path filters (1)

• package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (10)

• .gitignore
• e2e/screenshots.spec.ts
• package.json
• playwright.config.ts
• src/components/Header.module.css
• src/components/ThemeToggle.module.css
• src/css/components/_footer.css
• src/css/components/_header.css
• src/css/components/_navigation.css
• src/css/components/_scroll-behavior.css

---

📝 Walkthrough

Walkthrough

This PR introduces Playwright end-to-end testing infrastructure with automated screenshot capture across multiple browser viewports, adds corresponding npm scripts and dependencies, configures Playwright with multi-device support (Desktop and iPhone presets), and refactors header/footer/theme toggle CSS to use solid backgrounds instead of semi-transparent colors with backdrop filters.

Changes

Cohort / File(s)	Summary
Playwright E2E Testing Setup .gitignore, playwright.config.ts, e2e/screenshots.spec.ts, package.json	Introduced Playwright testing framework with multi-browser configuration (Chrome, Firefox, Safari, iPhone 14), automated screenshot test for 7 routes with viewport-aware image capture, npm scripts (test:e2e, test:screenshots), and gitignore entries for generated artifacts.
Header and Navigation Styling src/components/Header.module.css, src/css/components/_header.css, src/css/components/_navigation.css	Replaced semi-transparent backgrounds with solid black (#000000), removed backdrop-filter blur effects, refined nav link typography/spacing, simplified hover/active color states from matrix-green/glow to white, and updated responsive design rules.
Theme Toggle and Footer Styling src/components/ThemeToggle.module.css, src/css/components/_footer.css, src/css/components/_scroll-behavior.css	Transitioned to solid backgrounds, removed backdrop blur and gradient pseudo-elements, simplified padding/transitions to focus on color changes, updated theme-specific color overrides (matrix and dark theme), and refined typography with adjusted weight and letter-spacing.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• v3.6 UX Complete Overhaul #53: Modifies the same CSS files (Header.module.css, ThemeToggle.module.css, and other component styles), indicating related visual/styling changes across the codebase.

Poem

🐰 Through every route, the screenshots bound,
Solid black frames, no blur around!
The tests now hop with Playwright's grace,
Clear styles shine in every place! ✨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch v3.5-DependencyUpdate

---

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.}