feat: add test fix types replace to supabase

.github/actions/install/action.yml

@@ -1,13 +1,12 @@
-name: '🛠️ Install'
-description: 'Setup Node, pnpm & install dependencies'
+name: "🛠️ Install"
+description: "Setup Node, pnpm & install dependencies"
 
 runs:
-  using: 'composite'
+  using: "composite"
   steps:
     - name: Install pnpm
       uses: pnpm/action-setup@v4
       with:
-        version: 9
         run_install: false
 
     - name: Install Node.js
@@ -18,4 +17,4 @@ runs:
 
     - name: Install dependencies
       shell: bash
-      run: pnpm install
+      run: pnpm install

.github/copilot-instructions.md

@@ -14,109 +14,131 @@
 Plik zawiera kompletny przegląd projektu z następującymi sekcjami:
 
 ### 1. **Informacje Ogólne** (10 linii)
+
 - Nazwa, typ, framework, język
 - Data i status projektu
 
 ### 2. **Opis Projektu** (20 linii)
+
 - Koncepcja gry
 - 7 głównych cech
 
 ### 3. **Architektura** (40 linii)
+
 - Modułowa struktura (core, game, ui)
 - Przepływ danych
 - Organizacja kodu
 
 ### 4. **Techniczny Stack** (50 linii)
+
 - Framework & Build tools
 - State management
 - Styling & CSS
 - Development tools
 - Package manager
 
 ### 5. **Struktura Projektu** (60 linii)
+
 - Pełna lista katalogów
 - Opis plików
 - Organizacja testów i dokumentacji
 
 ### 6. **Główne Funkcjonalności** (40 linii)
+
 - Strona główna
 - Rozgrywka
 - Modals
 - Responsive design
 - Internacjonalizacja
 
 ### 7. **API Integration** (30 linii)
+
 - Pexels API endpoints
 - Formaty danych
 - Struktura odpowiedzi
 
 ### 8. **State Management** (20 linii)
+
 - Pinia store
 - State, getters, actions
 
 ### 9. **Composables** (40 linii)
+
 - useImage.ts
 - useStopwatch.ts
 - useEventGame.ts
 - useShuffle.ts
 
 ### 10. **Komendy Dostępne** (35 linii)
+
 - Development commands
 - Testing commands
 - Code quality commands
 
 ### 11. **E2E Testy** (40 linii)
+
 - Statystyka testów
 - Pokrytość funkcjonalności
 - Test suite description
 
 ### 12. **Metryki Projektu** (25 linii)
+
 - Wielkość kodu
 - Liczba komponentów
 - Liczba plików
 
 ### 13. **Best Practices** (25 linii)
+
 - Code quality
 - Development practices
 - Testing approach
 - Performance
 - Maintainability
 
 ### 14. **Jak Zacząć** (20 linii)
+
 - Setup instructions
 - Development server
 - How to play
 - Testing instructions
 
 ### 15. **Dokumentacja** (20 linii)
+
 - Lista dokumentów w projekcie
 - Linki do zasobów online
 
 ### 16. **Workflow Dewelopera** (30 linii)
+
 - Dodawanie funkcji
 - Bugfixing process
 - Code review checklist
 
 ### 17. **Znane Ograniczenia** (15 linii)
+
 - Bieżące ograniczenia
 - Przyszłe ulepszenia
 
 ### 18. **Deployment** (20 linii)
+
 - Production build
 - Netlify/Vercel deployment
 - Docker option
 
 ### 19. **Support & Issues** (15 linii)
+
 - Troubleshooting
 - Git workflow
 
 ### 20. **Podsumowanie** (15 linii)
+
 - Highlights projektu
 
 ### 21. **Historia Projektu** (10 linii)
+
 - Timeline событий
 
 ### 22. **Informacje Finalne** (15 linii)
+
 - Autor
 - Licencja
 - Status
@@ -145,16 +167,16 @@ Plik zawiera kompletny przegląd projektu z następującymi sekcjami:
 
 ## 📊 Statystyka Podsumowania
 
-| Metryka | Wartość |
-|---------|---------|
-| Całkowite linii | 656 |
-| Rozmiar | 15.7 KB |
-| Sekcji | 22 |
-| Tabel | 5 |
-| Code blocks | 15 |
-| Listy | 30+ |
-| Linki | 20+ |
-| Emojis | 100+ |
+| Metryka         | Wartość |
+| --------------- | ------- |
+| Całkowite linii | 656     |
+| Rozmiar         | 15.7 KB |
+| Sekcji          | 22      |
+| Tabel           | 5       |
+| Code blocks     | 15      |
+| Listy           | 30+     |
+| Linki           | 20+     |
+| Emojis          | 100+    |
 
 ---
 
@@ -174,22 +196,26 @@ PerplexImage/
 ## 🎓 Jak Używać Podsumowania
 
 ### Dla Nowych Developerów
+
 1. Przeczytaj sekcję "Opis Projektu"
 2. Sprawdź "Jak Zacząć"
 3. Uruchom dev server
 4. Przeczytaj "Architektura"
 
 ### Dla Code Review
+
 1. Sprawdź "Best Practices"
 2. Przeczytaj "Workflow Dewelopera"
 3. Weryfikuj E2E testy
 
 ### Dla Maintenance
+
 1. Sprawdź "Techniczny Stack"
 2. Czytaj "Znane Ograniczenia"
 3. Patrz "Przyszłe Ulepszenia"
 
 ### Dla Deployment
+
 1. Przeczytaj "Deployment" sekcję
 2. Sprawdź "Production Ready" status
 3. Weryfikuj testy
@@ -199,30 +225,35 @@ PerplexImage/
 ## ✨ Highlights Projektu
 
 ### 🏆 Technologia
+
 - Najnowszy Nuxt 3
 - TypeScript type-safety
 - Vue 3 Composition API
 - Tailwind CSS responsive
 
 ### 🎮 Gra
+
 - 3 poziomy trudności
 - Drag & drop
 - Timer & move counter
 - Responsywny design
 
 ### ✅ Testowanie
+
 - 51 E2E testów Playwright
 - Cross-browser testing
 - Responsive viewport tests
 - 100% coverage głównych funkcji
 
 ### 📚 Dokumentacja
+
 - Kompletna architektura
 - API documentation
 - Setup guides
 - Troubleshooting
 
 ### 🚀 Production Ready
+
 - Optimized build
 - Deployment ready
 - Docker support
@@ -233,21 +264,25 @@ PerplexImage/
 ## 📝 Sekcje do Czytania
 
 ### Dla Zrozumienia Projektu
+
 1. **Opis Projektu** - Czym to jest
 2. **Architektura** - Jak to jest zbudowane
 3. **Główne Funkcjonalności** - Co to robi
 
 ### Dla Setup & Development
+
 1. **Jak Zacząć** - Pierwsza konfiguracja
 2. **Komendy Dostępne** - Útilne skrypty
 3. **Workflow Dewelopera** - Procesy
 
 ### Dla Testowania
+
 1. **E2E Testy** - Jakie testy są dostępne
 2. **Jak Zacząć** > Testing sekcja
 3. **E2E_TESTS_SETUP.md** - Szczegółowy guide
 
 ### Dla Deployment
+
 1. **Deployment** - Jak wdrażać
 2. **Status Projektu** - Production readiness
 3. **Support & Issues** - Troubleshooting
@@ -269,13 +304,13 @@ Plik `PROJECT_SUMMARY.md` służy jako:
 
 ## 🔗 Powiązane Dokumenty
 
-| Dokument | Cel | Linki |
-|----------|-----|-------|
-| PROJECT_SUMMARY.md | Pełne podsumowanie | ← TEN PLIK |
-| E2E_TESTS_SETUP.md | Quick start testy | Setup guide |
-| README.md | Original starter | Setup basics |
-| tests/e2e/README.md | Test dokumentacja | Test details |
-| playwright.config.ts | Test config | Konfiguracja |
+| Dokument             | Cel                | Linki        |
+| -------------------- | ------------------ | ------------ |
+| PROJECT_SUMMARY.md   | Pełne podsumowanie | ← TEN PLIK   |
+| E2E_TESTS_SETUP.md   | Quick start testy  | Setup guide  |
+| README.md            | Original starter   | Setup basics |
+| tests/e2e/README.md  | Test dokumentacja  | Test details |
+| playwright.config.ts | Test config        | Konfiguracja |
 
 ---
 
@@ -316,6 +351,7 @@ git commit -m "docs: Add comprehensive project summary"
 **Status:** ✅ Kompletny
 
 Projekt PerplexImage ma teraz:
+
 - ✅ Kompletny kod (2000+ linii)
 - ✅ Kompletne testy E2E (51 testów)
 - ✅ Kompletną dokumentację (656 linii)

.github/workflows/e2e.yml

@@ -1,31 +1,27 @@
 name: E2E Tests
 
 on:
-  # Włącza się po merge PR do main/master
+  # Run on PR open/update to test before merge
   pull_request:
-    types: [closed]
     branches:
       - main
       - master
 
-  # Ręczny trigger z możliwością wyboru brancha
+  # Manual trigger with branch selection
   workflow_dispatch:
     inputs:
       branch:
-        description: 'Branch do przetestowania'
+        description: "Branch to test"
         required: false
-        default: 'main'
+        default: "main"
 
 jobs:
   e2e:
-    # Przy PR uruchom tylko gdy faktycznie zmergowano (nie tylko zamknięto)
-    if: >
-      github.event_name == 'workflow_dispatch' ||
-      (github.event_name == 'pull_request' && github.event.pull_request.merged == true)
+    if: github.event_name == 'workflow_dispatch' || github.event_name == 'pull_request'
 
     name: Playwright E2E – Chromium
     runs-on: ubuntu-latest
-    timeout-minutes: 30
+    timeout-minutes: 45
 
     steps:
       - name: Checkout
@@ -35,13 +31,11 @@ jobs:
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v4
-        with:
-          version: 9
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           cache: pnpm
 
       - name: Zainstaluj zależności
@@ -76,4 +70,3 @@ jobs:
           name: test-results-${{ github.run_id }}
           path: test-results/
           retention-days: 7
-