Add complete frontend implementation and Docker deployment setup

- Implement React frontend with TypeScript and Tailwind CSS
- Add scrappbook.de-inspired UI design with photo galleries
- Implement authentication, photo viewing, and download features
- Add Docker Swarm configuration with Traefik reverse proxy
- Set up Drone CI/CD pipeline for automated deployments
- Add monitoring stack with Prometheus and Grafana
- Create comprehensive deployment documentation
- Add simple local development setup with docker-compose.local.yml

Features:
- Password-protected galleries with expiration warnings
- Responsive photo grid with lightbox viewer
- Bulk download functionality
- Hot reload development environment
- Email testing with Mailhog
- Production-ready deployment scripts

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

frontend/src/services/auth.service.ts

@@ -0,0 +1,35 @@
+import { api, setAuthToken, clearAuthToken } from '../config/api';
+import type { LoginResponse, GalleryAuthResponse } from '../types';
+
+export const authService = {
+  // Admin authentication
+  async adminLogin(username: string, password: string): Promise<LoginResponse> {
+    const response = await api.post<LoginResponse>('/api/auth/admin/login', {
+      username,
+      password,
+    });
+    
+    setAuthToken(response.data.token, true);
+    return response.data;
+  },
+
+  adminLogout() {
+    clearAuthToken(true);
+    window.location.href = '/admin/login';
+  },
+
+  // Gallery authentication
+  async verifyGalleryPassword(slug: string, password: string): Promise<GalleryAuthResponse> {
+    const response = await api.post<GalleryAuthResponse>('/api/auth/gallery/verify', {
+      slug,
+      password,
+    });
+    
+    setAuthToken(response.data.token, false);
+    return response.data;
+  },
+
+  galleryLogout() {
+    clearAuthToken(false);
+  },
+};