Add secret management guide, client-side performance monitoring, and search accessibility enhancements

- Introduced a comprehensive Secret Management Guide detailing best practices, secret classification, development setup, production management, rotation procedures, and emergency protocols.
- Implemented a client-side performance monitoring script to track various metrics including page load performance, paint metrics, layout shifts, and memory usage.
- Enhanced search accessibility with keyboard navigation support for search results, ensuring compliance with WCAG standards and improving user experience.

backend/tests/e2e/conftest.py

@@ -1,4 +1,6 @@
 import pytest
+import tempfile
+from pathlib import Path
 from playwright.sync_api import Page
 
 
@@ -85,22 +87,82 @@ def mod_page(page: Page, live_server, setup_test_data):
     yield page
 
 
+@pytest.fixture(scope="session")
+def test_images():
+    """Generate temporary test images for upload tests.
+
+    Creates simple valid JPEG images using raw bytes.
+    Images are cleaned up after the test session.
+    """
+    # Minimal valid JPEG image (1x1 red pixel)
+    # This is a valid JPEG that any image library will accept
+    jpeg_bytes = bytes([
+        0xFF, 0xD8, 0xFF, 0xE0, 0x00, 0x10, 0x4A, 0x46, 0x49, 0x46, 0x00, 0x01,
+        0x01, 0x00, 0x00, 0x01, 0x00, 0x01, 0x00, 0x00, 0xFF, 0xDB, 0x00, 0x43,
+        0x00, 0x08, 0x06, 0x06, 0x07, 0x06, 0x05, 0x08, 0x07, 0x07, 0x07, 0x09,
+        0x09, 0x08, 0x0A, 0x0C, 0x14, 0x0D, 0x0C, 0x0B, 0x0B, 0x0C, 0x19, 0x12,
+        0x13, 0x0F, 0x14, 0x1D, 0x1A, 0x1F, 0x1E, 0x1D, 0x1A, 0x1C, 0x1C, 0x20,
+        0x24, 0x2E, 0x27, 0x20, 0x22, 0x2C, 0x23, 0x1C, 0x1C, 0x28, 0x37, 0x29,
+        0x2C, 0x30, 0x31, 0x34, 0x34, 0x34, 0x1F, 0x27, 0x39, 0x3D, 0x38, 0x32,
+        0x3C, 0x2E, 0x33, 0x34, 0x32, 0xFF, 0xC0, 0x00, 0x0B, 0x08, 0x00, 0x01,
+        0x00, 0x01, 0x01, 0x01, 0x11, 0x00, 0xFF, 0xC4, 0x00, 0x1F, 0x00, 0x00,
+        0x01, 0x05, 0x01, 0x01, 0x01, 0x01, 0x01, 0x01, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x01, 0x02, 0x03, 0x04, 0x05, 0x06, 0x07, 0x08,
+        0x09, 0x0A, 0x0B, 0xFF, 0xC4, 0x00, 0xB5, 0x10, 0x00, 0x02, 0x01, 0x03,
+        0x03, 0x02, 0x04, 0x03, 0x05, 0x05, 0x04, 0x04, 0x00, 0x00, 0x01, 0x7D,
+        0x01, 0x02, 0x03, 0x00, 0x04, 0x11, 0x05, 0x12, 0x21, 0x31, 0x41, 0x06,
+        0x13, 0x51, 0x61, 0x07, 0x22, 0x71, 0x14, 0x32, 0x81, 0x91, 0xA1, 0x08,
+        0x23, 0x42, 0xB1, 0xC1, 0x15, 0x52, 0xD1, 0xF0, 0x24, 0x33, 0x62, 0x72,
+        0x82, 0x09, 0x0A, 0x16, 0x17, 0x18, 0x19, 0x1A, 0x25, 0x26, 0x27, 0x28,
+        0x29, 0x2A, 0x34, 0x35, 0x36, 0x37, 0x38, 0x39, 0x3A, 0x43, 0x44, 0x45,
+        0x46, 0x47, 0x48, 0x49, 0x4A, 0x53, 0x54, 0x55, 0x56, 0x57, 0x58, 0x59,
+        0x5A, 0x63, 0x64, 0x65, 0x66, 0x67, 0x68, 0x69, 0x6A, 0x73, 0x74, 0x75,
+        0x76, 0x77, 0x78, 0x79, 0x7A, 0x83, 0x84, 0x85, 0x86, 0x87, 0x88, 0x89,
+        0x8A, 0x92, 0x93, 0x94, 0x95, 0x96, 0x97, 0x98, 0x99, 0x9A, 0xA2, 0xA3,
+        0xA4, 0xA5, 0xA6, 0xA7, 0xA8, 0xA9, 0xAA, 0xB2, 0xB3, 0xB4, 0xB5, 0xB6,
+        0xB7, 0xB8, 0xB9, 0xBA, 0xC2, 0xC3, 0xC4, 0xC5, 0xC6, 0xC7, 0xC8, 0xC9,
+        0xCA, 0xD2, 0xD3, 0xD4, 0xD5, 0xD6, 0xD7, 0xD8, 0xD9, 0xDA, 0xE1, 0xE2,
+        0xE3, 0xE4, 0xE5, 0xE6, 0xE7, 0xE8, 0xE9, 0xEA, 0xF1, 0xF2, 0xF3, 0xF4,
+        0xF5, 0xF6, 0xF7, 0xF8, 0xF9, 0xFA, 0xFF, 0xDA, 0x00, 0x08, 0x01, 0x01,
+        0x00, 0x00, 0x3F, 0x00, 0xFB, 0xD5, 0xDB, 0x20, 0xA8, 0xBA, 0xAE, 0xAF,
+        0xDA, 0xAD, 0x28, 0xA6, 0x02, 0x8A, 0x28, 0x03, 0xFF, 0xD9
+    ])
+
+    temp_dir = tempfile.mkdtemp(prefix="thrillwiki_test_")
+    temp_path = Path(temp_dir)
+
+    test_photo_path = temp_path / "test_photo.jpg"
+    test_avatar_path = temp_path / "test_avatar.jpg"
+
+    test_photo_path.write_bytes(jpeg_bytes)
+    test_avatar_path.write_bytes(jpeg_bytes)
+
+    yield {
+        "test_photo": str(test_photo_path),
+        "test_avatar": str(test_avatar_path),
+    }
+
+    # Cleanup
+    import shutil
+    shutil.rmtree(temp_dir, ignore_errors=True)
+
+
 @pytest.fixture
-def test_park(auth_page: Page, live_server):
+def test_park(auth_page: Page, live_server, test_images):
     """Fixture for test park"""
     # Create test park using live_server URL
     auth_page.goto(f"{live_server.url}/parks/create/")
     auth_page.get_by_label("Name").fill("Test Park")
     auth_page.get_by_label("Location").fill("Orlando, FL")
     auth_page.get_by_label("Description").fill("A test theme park")
-    auth_page.get_by_label("Photo").set_input_files("tests/fixtures/test_photo.jpg")
+    auth_page.get_by_label("Photo").set_input_files(test_images["test_photo"])
     auth_page.get_by_role("button", name="Create Park").click()
 
     yield auth_page
 
 
 @pytest.fixture
-def test_ride(test_park: Page, live_server):
+def test_ride(test_park: Page, live_server, test_images):
     """Fixture for test ride"""
     # Create test ride using live_server URL
     test_park.goto(f"{live_server.url}/rides/create/")
@@ -108,7 +170,7 @@ def test_ride(test_park: Page, live_server):
     test_park.get_by_label("Park").select_option("Test Park")
     test_park.get_by_label("Type").select_option("Roller Coaster")
     test_park.get_by_label("Description").fill("A test ride")
-    test_park.get_by_label("Photo").set_input_files("tests/fixtures/test_photo.jpg")
+    test_park.get_by_label("Photo").set_input_files(test_images["test_photo"])
     test_park.get_by_role("button", name="Create Ride").click()
 
     yield test_park