E2E: Implement Navigation Loop Test

[EJM143]

Description

As a user, I want to be able to navigate between all top-level pages (Home, Contact, About, Developers, Portfolio) so that I can view different sections of the portfolio.

Instead of writing individual tests for each page, we should implement a loop-based test in Playwright that iterates through a list of known routes.

Tasks

• Create/Update tests/navigation.spec.js.
• Define an array of page objects: [{ name: 'About', path: '/about' }, { name: 'Portfolio', path: '/portfolio' }].
• Write a loop that:
  • Clicks the navigation link for the page.
  • Waits for navigation.
  • Asserts the URL is correct.
  • Asserts a key element (like a header) exists on the new page.

Acceptance Criteria

• All main navigation links are tested in a single execution.
• The test verifies that the URL changes in the browser address bar.
• The test verifies that the destination page actually rendered content (not just a URL change).

[taylorpapke]

See SeattleColleges/nsc-events-fullstack#125

[makayo]

The navigation loop test is complete and passing locally.
PR #152 is ready for review.