full upgrade (#31)

* ✨ chore: update CI workflow to include testing and multi-arch build (#29)

* ✨ chore: remove unused dependencies from package-lock.json and updated to a better local dev environment (#30)

* ✨ test: add unit tests

* ✨ test: add unit tests for whole project

* ✨ feat: add whatwg-fetch for improved fetch support

* ✨ chore: update Node.js version to 22 in workflow

* ✨ refactor: update types and improve email handling tests

* ✨ refactor: remove unused imports

* ✨ fix: normalize image name to lowercase in workflows

* ✨ fix: ensure Docker image names are consistently lowercase

* ✨ chore: update

* ✨ chore: update base URL to use secret variable

* ✨ chore: update to login to ghcr

* ✨ fix: add missing 'fi' to close if statement in workflow

app/__tests__/components/Header.test.tsx

@@ -0,0 +1,28 @@
+import { render, screen } from '@testing-library/react';
+import Header from '@/app/components/Header';
+import '@testing-library/jest-dom';
+
+describe('Header', () => {
+  it('renders the header', () => {
+    render(<Header />);
+    expect(screen.getByText('Dennis Konkol')).toBeInTheDocument();
+    
+    const aboutButtons = screen.getAllByText('About');
+    expect(aboutButtons.length).toBeGreaterThan(0);
+
+    const projectsButtons = screen.getAllByText('Projects');
+    expect(projectsButtons.length).toBeGreaterThan(0);
+
+    const contactButtons = screen.getAllByText('Contact');
+    expect(contactButtons.length).toBeGreaterThan(0);
+  });
+
+  it('renders the mobile header', () => {
+    render(<Header />);
+    const openMenuButton = screen.getByLabelText('Open menu');
+    expect(openMenuButton).toBeInTheDocument();
+
+    const closeMenuButton = screen.getByLabelText('Close menu');
+    expect(closeMenuButton).toBeInTheDocument();
+  });
+});