feat: add darktable web API interface with gallery, image detail, and settings screens

- Implemented main entry point for React application in `main.jsx`.
- Created `Gallery` component for displaying images with infinite scroll and pull-to-refresh functionality.
- Developed `ImageDetail` component for showing detailed information and actions for selected images.
- Added `Settings` component for configuring API connection settings.
- Integrated Vite for build and development with PWA support.
- Implemented caching strategies for API responses and image previews using Workbox.

contrib/darktable-api/web/public/icon.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- Dark background -->
+  <rect width="512" height="512" rx="80" fill="#0d0d0d"/>
+  <!-- Aperture blades in orange accent -->
+  <!-- Center circle -->
+  <circle cx="256" cy="256" r="60" fill="none" stroke="#f4a22d" stroke-width="8"/>
+  <!-- Aperture blade 1 -->
+  <path d="M256 120 L296 196 L256 196 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 2 -->
+  <path d="M370 181 L316 240 L296 196 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 3 -->
+  <path d="M392 296 L316 240 L336 296 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 4 -->
+  <path d="M336 392 L256 316 L336 296 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 5 -->
+  <path d="M176 392 L196 316 L256 316 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 6 -->
+  <path d="M120 296 L196 316 L176 240 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 7 -->
+  <path d="M120 181 L176 240 L196 196 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Aperture blade 8 -->
+  <path d="M216 120 L216 196 L256 196 Z" fill="#f4a22d" opacity="0.9"/>
+  <!-- Outer ring -->
+  <circle cx="256" cy="256" r="180" fill="none" stroke="#f4a22d" stroke-width="12" opacity="0.6"/>
+  <!-- Inner highlight -->
+  <circle cx="256" cy="256" r="40" fill="#f4a22d" opacity="0.3"/>
+  <circle cx="256" cy="256" r="20" fill="#f4a22d"/>
+</svg>