docs: update repository context via Repomix [skip ci]

Author: github-actions[bot]

DOCS/repository_context.txt

@@ -14556,175 +14556,6 @@ tsconfig.json
 19: }
 ````
 
-## File: README.md
-````markdown
-  1: [![cypress](https://github.com/w3bdesign/dfweb-v4/actions/workflows/cypress.yml/badge.svg)](https://github.com/w3bdesign/dfweb-v4/actions/workflows/cypress.yml)
-  2: [![Lighthouse CI](https://github.com/w3bdesign/dfweb-v4/actions/workflows/lighthouse.yml/badge.svg)](https://github.com/w3bdesign/dfweb-v4/actions/workflows/lighthouse.yml)
-  3: [![Codacy Badge](https://app.codacy.com/project/badge/Grade/3e803ad0f17146b78bbed9850eb1461f)](https://app.codacy.com/gh/w3bdesign/dfweb-v4/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)
-  4: [![codecov](https://codecov.io/gh/w3bdesign/dfweb-v4/graph/badge.svg?token=AHQW8WQ6U8)](https://codecov.io/gh/w3bdesign/dfweb-v4)
-  5: [![Pa11y](https://github.com/w3bdesign/dfweb-v4/actions/workflows/pa11y.yml/badge.svg)](https://github.com/w3bdesign/dfweb-v4/actions/workflows/pa11y.yml)
-  6: [![Maintainability](https://api.codeclimate.com/v1/badges/8d5cae5017b1a9698843/maintainability)](https://codeclimate.com/github/w3bdesign/dfweb-v4/maintainability)
-  7: 
-  8: # Dfweb.no Portfolio Version 4
-  9: 
- 10: Fourth version of my personal portfolio website with Next.js, Motion, Sanity.io and Typescript.
- 11: 
- 12: ## Table of Contents
- 13: 
- 14: - [Live URL](#live-url)
- 15: - [Frontend](#frontend)
- 16: - [Backend](#backend)
- 17: - [Google Lighthouse](#google-lighthouse)
- 18: - [Features](#features)
- 19:   - [General](#general)
- 20:   - [Design](#design)
- 21:   - [Accessibility](#accessibility)
- 22:   - [Devops and Code quality](#devops-and-code-quality)
- 23:   - [Environment Variables](#environment-variables)
- 24:   - [Testing Standards](#testing-standards)
- 25: 
- 26: ## Live URL
- 27: 
- 28: <https://www.dfweb.no>
- 29: 
- 30: ## Frontend (Next.js)
- 31: 
- 32: <img src="/public/images/frontend.png" alt="Frontend Image" />
- 33: 
- 34: ---
- 35: 
- 36: ## Backend (Sanity headless CMS)
- 37: 
- 38: <img src="https://github.com/user-attachments/assets/67099a89-0cda-458a-9fcd-ab09b016ace4" alt="Backend Image" />
- 39: 
- 40: ---
- 41: 
- 42: ## Google Lighthouse
- 43: 
- 44: ![image](https://github.com/user-attachments/assets/418aa995-1913-4946-b6f8-5ca8eb9d07a5)
- 45: 
- 46: ## Features
- 47: 
- 48: ### General
- 49: 
- 50: - Clean, modern, responsive and Matrix-inspired design
- 51: - The application is 100% typescript (the types are generated from Sanity typegen)
- 52: - Matrix canvas rain effect on front page
- 53: - Custom 404 page with Matrix rain effect
- 54: - Next.js 15 with Typescript and App router
- 55:   - Server Components implementation for improved performance
- 56:   - Streaming with Suspense boundaries
- 57:   - Automatic static optimization with revalidation
- 58:   - Server-side data fetching with proper error handling
- 59: - React 19
- 60: - Sanity headless CMS for all of the content, projects and navigation links
- 61: - Ladle for component documentation
- 62: - Animations with Motion
- 63: - React testing library for unit testing
- 64: - Cypress for E2E testing
- 65: - Playwright for cross-browser E2E testing
- 66: - Contact form with Email.js
- 67: - Polymorphic components
- 68: - Automatic sitemap generation (see /api/siteMapGenerator.ts)
- 69: - Google rich results for each individual page
- 70: - 100% / 100% / 100% / 100% score in Google Lighthouse
- 71: - Automated Lighthouse CI testing integrated with GitHub Actions
- 72: - React Hook Form with Typescript and Zod for efficient form handling and validation
- 73: - Reusable GenericForm component for easy form creation and management
- 74: - Error handling with react-error-boundary for improved user experience and easier debugging
- 75: - AI-friendly repository documentation with automated updates (Repomix with Github action workflow)
- 76: 
- 77: ### Design
- 78: 
- 79: - Fully responsive design tested on all devices
- 80: - React Icons for project icons
- 81: - Tailwind CSS for styling
- 82: - Animated reusable input fields
- 83: - Matrix-inspired animated cursor with dynamic trailing effect with fading Matrix characters
- 84: 
- 85: ### Accessibility
- 86: 
- 87: - WCAG accessibility tested
- 88: - Accessibility testing with Cypress Axe and Pa11y
- 89: - Automated Pa11y accessibility testing on every PR and push to main
- 90:   - Tests all main pages against WCAG2AA standards
- 91:   - Captures screenshots for visual reference
- 92:   - Detailed reports available as GitHub Actions artifacts
- 93: - Builds will fail if any a11y errors are found
- 94: 
- 95: ### Devops and Code quality
- 96: 
- 97: - Continuous Integration with CircleCI
- 98: - CircleCI will warn before deploy if tests fail (setup for React testing library)
- 99: - Github action workflow for Cypress
-100: - Code quality analysis with Codacy, Sonarcloud and Codeclimate
-101: - E2E testing with Cypress and Playwright integrated with Github actions
-102: - Unit testing with Jest and React Testing Library integrated with CircleCI
-103: - Test coverage setup with Codecov
-104: - 100% test coverage with Jest and React testing library
-105: - AI-powered commit message generation following Conventional Commits with gitmojis
-106: - Automated performance monitoring with Lighthouse CI
-107:   - Performance, accessibility, best practices, and SEO checks on every PR
-108:   - Configurable thresholds for quality metrics
-109:   - Both desktop and performance-focused testing
-110: - Automated repository documentation with Repomix
-111:   - AI-friendly documentation generation on every push to main
-112:   - Comprehensive repository context maintained in `DOCS/repository_context.txt`
-113:   - Automated PR analysis with repository structure insights
-114:   - Security-focused documentation with sensitive information filtering
-115:   - Markdown formatting for improved readability
-116: 
-117: ### Environment Variables
-118: 
-119: - Type-safe environment variable validation with envalid
-120: 
-121:   - Runtime validation of required environment variables
-122:   - Clear error messages with examples for missing variables
-123:   - Separate handling of client-side and server-side variables
-124:   - Default values where appropriate
-125:   - Required variables:
-126: 
-127:     ```env
-128:     # Email Configuration (client-side)
-129:     NEXT_PUBLIC_EMAIL_API_KEY=user_xxx        # EmailJS API key
-130:     NEXT_PUBLIC_EMAIL_TEMPLATE_KEY=template_xxx # EmailJS template key
-131:     NEXT_PUBLIC_EMAIL_SERVICE_KEY=service_xxx  # EmailJS service key
-132: 
-133:     # AI Configuration (server-side)
-134:     AI_API_KEY=xxx                            # AI service API key
-135:     AI_BASE_URL=https://xxx                   # AI service base URL
-136:     MODEL_NAME=claude-3.7-sonnet@anthropic    # Optional, has default value
-137:     ```
-138: 
-139:   - Validation prevents application startup if required variables are missing
-140:   - TypeScript integration for type-safe access to environment variables
-141: 
-142: ### Testing Standards
-143: 
-144: - ISTQB-aligned comprehensive test strategy
-145:   - Detailed test strategy documentation in `DOCS/TEST_STRATEGY.md`
-146:   - Multi-level test approach (Unit, Component, E2E)
-147:   - Risk-based testing methodology
-148:   - Defined test metrics and reporting
-149:   - Clear roles and responsibilities
-150:   - Structured defect management process
-151: 
-152: - Enforced AAA (Arrange-Act-Assert) pattern in all test files
-153:   - Each test must include the following comments:
-154:     ```typescript
-155:     // Arrange - Set up test data and conditions
-156:     // Act - Perform the action being tested
-157:     // Assert - Verify the results
-158:     ```
-159:   - This pattern ensures:
-160:     - Clear test structure and readability
-161:     - Consistent test organization across the codebase
-162:     - Easy identification of test setup, execution, and verification
-163:   - Simplified test maintenance and debugging
-164:   - Automated validation through custom ESLint rules
-165:   - Tests will fail if AAA pattern is not followed
-````
-
 ## File: src/components/Layout/MobileMenu.component.tsx
 ````typescript
   1: "use client";
@@ -14911,6 +14742,176 @@ tsconfig.json
 16: }
 ````
 
+## File: README.md
+````markdown
+  1: [![cypress](https://github.com/w3bdesign/dfweb-v4/actions/workflows/cypress.yml/badge.svg)](https://github.com/w3bdesign/dfweb-v4/actions/workflows/cypress.yml)
+  2: [![Lighthouse CI](https://github.com/w3bdesign/dfweb-v4/actions/workflows/lighthouse.yml/badge.svg)](https://github.com/w3bdesign/dfweb-v4/actions/workflows/lighthouse.yml)
+  3: [![Codacy Badge](https://app.codacy.com/project/badge/Grade/3e803ad0f17146b78bbed9850eb1461f)](https://app.codacy.com/gh/w3bdesign/dfweb-v4/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)
+  4: [![codecov](https://codecov.io/gh/w3bdesign/dfweb-v4/graph/badge.svg?token=AHQW8WQ6U8)](https://codecov.io/gh/w3bdesign/dfweb-v4)
+  5: [![Pa11y](https://github.com/w3bdesign/dfweb-v4/actions/workflows/pa11y.yml/badge.svg)](https://github.com/w3bdesign/dfweb-v4/actions/workflows/pa11y.yml)
+  6: [![Maintainability](https://api.codeclimate.com/v1/badges/8d5cae5017b1a9698843/maintainability)](https://codeclimate.com/github/w3bdesign/dfweb-v4/maintainability)
+  7: 
+  8: # Dfweb.no Portfolio Version 4
+  9: 
+ 10: Fourth version of my personal portfolio website with Next.js, Motion, Sanity.io and Typescript.
+ 11: 
+ 12: ## Table of Contents
+ 13: 
+ 14: - [Live URL](#live-url)
+ 15: - [Frontend](#frontend)
+ 16: - [Backend](#backend)
+ 17: - [Google Lighthouse](#google-lighthouse)
+ 18: - [Features](#features)
+ 19:   - [General](#general)
+ 20:   - [Design](#design)
+ 21:   - [Accessibility](#accessibility)
+ 22:   - [Devops and Code quality](#devops-and-code-quality)
+ 23:   - [Environment Variables](#environment-variables)
+ 24:   - [Testing Standards](#testing-standards)
+ 25: 
+ 26: ## Live URL
+ 27: 
+ 28: <https://www.dfweb.no>
+ 29: 
+ 30: ## Frontend (Next.js)
+ 31: 
+ 32: <img src="/public/images/frontend.png" alt="Frontend Image" />
+ 33: 
+ 34: ---
+ 35: 
+ 36: ## Backend (Sanity headless CMS)
+ 37: 
+ 38: <img src="https://github.com/user-attachments/assets/67099a89-0cda-458a-9fcd-ab09b016ace4" alt="Backend Image" />
+ 39: 
+ 40: ---
+ 41: 
+ 42: ## Google Lighthouse
+ 43: 
+ 44: ![image](https://github.com/user-attachments/assets/418aa995-1913-4946-b6f8-5ca8eb9d07a5)
+ 45: 
+ 46: ## Features
+ 47: 
+ 48: ### General
+ 49: 
+ 50: - Clean, modern, responsive and Matrix-inspired design
+ 51: - The application is 100% typescript (the types are generated from Sanity typegen)
+ 52: - Matrix canvas rain effect on front page
+ 53: - Custom 404 page with Matrix rain effect
+ 54: - Next.js 15 with Typescript and App router
+ 55:   - Server Components implementation for improved performance
+ 56:   - Streaming with Suspense boundaries
+ 57:   - Automatic static optimization with revalidation
+ 58:   - Server-side data fetching with proper error handling
+ 59: - React 19
+ 60: - Sanity headless CMS for all of the content, projects and navigation links
+ 61: - Ladle for component documentation
+ 62: - Animations with Motion
+ 63: - React testing library for unit testing
+ 64: - Cypress for E2E testing
+ 65: - Playwright for cross-browser E2E testing
+ 66: - Contact form with Email.js
+ 67: - Polymorphic components
+ 68: - Automatic sitemap generation (see /api/siteMapGenerator.ts)
+ 69: - Google rich results for each individual page
+ 70: - 100% / 100% / 100% / 100% score in Google Lighthouse
+ 71: - Automated Lighthouse CI testing integrated with GitHub Actions
+ 72: - React Hook Form with Typescript and Zod for efficient form handling and validation
+ 73: - Reusable GenericForm component for easy form creation and management
+ 74: - Error handling with react-error-boundary for improved user experience and easier debugging
+ 75: - AI-friendly repository documentation with automated updates (Repomix with Github action workflow)
+ 76: - Sanity image URL generation with automatic resizing via `@sanity/image-url`.
+ 77: 
+ 78: ### Design
+ 79: 
+ 80: - Fully responsive design tested on all devices
+ 81: - React Icons for project icons
+ 82: - Tailwind CSS for styling
+ 83: - Animated reusable input fields
+ 84: - Matrix-inspired animated cursor with dynamic trailing effect with fading Matrix characters
+ 85: 
+ 86: ### Accessibility
+ 87: 
+ 88: - WCAG accessibility tested
+ 89: - Accessibility testing with Cypress Axe and Pa11y
+ 90: - Automated Pa11y accessibility testing on every PR and push to main
+ 91:   - Tests all main pages against WCAG2AA standards
+ 92:   - Captures screenshots for visual reference
+ 93:   - Detailed reports available as GitHub Actions artifacts
+ 94: - Builds will fail if any a11y errors are found
+ 95: 
+ 96: ### Devops and Code quality
+ 97: 
+ 98: - Continuous Integration with CircleCI
+ 99: - CircleCI will warn before deploy if tests fail (setup for React testing library)
+100: - Github action workflow for Cypress
+101: - Code quality analysis with Codacy, Sonarcloud and Codeclimate
+102: - E2E testing with Cypress and Playwright integrated with Github actions
+103: - Unit testing with Jest and React Testing Library integrated with CircleCI
+104: - Test coverage setup with Codecov
+105: - 100% test coverage with Jest and React testing library
+106: - AI-powered commit message generation following Conventional Commits with gitmojis
+107: - Automated performance monitoring with Lighthouse CI
+108:   - Performance, accessibility, best practices, and SEO checks on every PR
+109:   - Configurable thresholds for quality metrics
+110:   - Both desktop and performance-focused testing
+111: - Automated repository documentation with Repomix
+112:   - AI-friendly documentation generation on every push to main
+113:   - Comprehensive repository context maintained in `DOCS/repository_context.txt`
+114:   - Automated PR analysis with repository structure insights
+115:   - Security-focused documentation with sensitive information filtering
+116:   - Markdown formatting for improved readability
+117: 
+118: ### Environment Variables
+119: 
+120: - Type-safe environment variable validation with envalid
+121: 
+122:   - Runtime validation of required environment variables
+123:   - Clear error messages with examples for missing variables
+124:   - Separate handling of client-side and server-side variables
+125:   - Default values where appropriate
+126:   - Required variables:
+127: 
+128:     ```env
+129:     # Email Configuration (client-side)
+130:     NEXT_PUBLIC_EMAIL_API_KEY=user_xxx        # EmailJS API key
+131:     NEXT_PUBLIC_EMAIL_TEMPLATE_KEY=template_xxx # EmailJS template key
+132:     NEXT_PUBLIC_EMAIL_SERVICE_KEY=service_xxx  # EmailJS service key
+133: 
+134:     # AI Configuration (server-side)
+135:     AI_API_KEY=xxx                            # AI service API key
+136:     AI_BASE_URL=https://xxx                   # AI service base URL
+137:     MODEL_NAME=claude-3.7-sonnet@anthropic    # Optional, has default value
+138:     ```
+139: 
+140:   - Validation prevents application startup if required variables are missing
+141:   - TypeScript integration for type-safe access to environment variables
+142: 
+143: ### Testing Standards
+144: 
+145: - ISTQB-aligned comprehensive test strategy
+146:   - Detailed test strategy documentation in `DOCS/TEST_STRATEGY.md`
+147:   - Multi-level test approach (Unit, Component, E2E)
+148:   - Risk-based testing methodology
+149:   - Defined test metrics and reporting
+150:   - Clear roles and responsibilities
+151:   - Structured defect management process
+152: 
+153: - Enforced AAA (Arrange-Act-Assert) pattern in all test files
+154:   - Each test must include the following comments:
+155:     ```typescript
+156:     // Arrange - Set up test data and conditions
+157:     // Act - Perform the action being tested
+158:     // Assert - Verify the results
+159:     ```
+160:   - This pattern ensures:
+161:     - Clear test structure and readability
+162:     - Consistent test organization across the codebase
+163:     - Easy identification of test setup, execution, and verification
+164:   - Simplified test maintenance and debugging
+165:   - Automated validation through custom ESLint rules
+166:   - Tests will fail if AAA pattern is not followed
+````
+
 ## File: src/components/Prosjekter/ProsjektCard.component.tsx
 ````typescript
  1: "use client";