refactor: rename project from wedding-photo-sharing to PicPeak

- Update Docker image names and network configurations
- Rename package.json project names to picpeak-backend/frontend
- Update CI/CD configurations (Drone CI and GitHub Actions)
- Update documentation and setup scripts
- Update application branding in source code
- Change default database name to picpeak
- Update PM2 ecosystem config

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

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/admin/AdminHeader.tsx

@@ -88,8 +88,9 @@ export const AdminHeader: React.FC<AdminHeaderProps> = ({ onMenuClick }) => {
             </div>
           </div>
 
-          {/* Center - PicPeak branding */}
-          <div className="absolute left-1/2 transform -translate-x-1/2">
+          {/* Center - Logo and PicPeak text */}
+          <div className="absolute left-1/2 transform -translate-x-1/2 flex items-center gap-3">
+            <img src="/picpeak-kamera-transparent.png" alt="PicPeak" className="h-10 w-auto object-contain" />
             <span className="text-2xl" style={{ fontFamily: 'Poppins, sans-serif', fontWeight: 600, color: '#145346' }}>PicPeak</span>
           </div>
 

frontend/src/components/admin/AdminSidebar.tsx

@@ -49,11 +49,10 @@ export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) =
       }`}
     >
       <div className="flex flex-col h-screen lg:h-full">
-        {/* Logo/Brand */}
+        {/* Brand */}
         <div className="flex items-center justify-between h-16 px-6 border-b border-neutral-200 flex-shrink-0">
           <div className="flex items-center">
-            <img src="/picpeak-kamera-transparent.png" alt="Camera" className="w-8 h-8 object-contain" />
-            <span className="ml-2 text-xl font-bold text-neutral-900">{t('admin.title')}</span>
+            <span className="text-xl font-bold text-neutral-900">{t('admin.title')}</span>
           </div>
           <button
             onClick={onClose}

frontend/src/components/admin/GalleryPreview.tsx

@@ -1,5 +1,4 @@
 import React, { useMemo } from 'react';
-import { Card } from '../common';
 import { Camera } from 'lucide-react';
 import { ThemeConfig, GalleryLayoutType } from '../../types/theme.types';
 
@@ -71,7 +70,6 @@ export const GalleryPreview: React.FC<GalleryPreviewProps> = ({
     
     switch (activeLayout) {
       case 'grid': {
-        const cols = theme.gallerySettings?.gridColumns || { mobile: 2, tablet: 3, desktop: 4 };
         return (
           <div className={`grid grid-cols-3 md:grid-cols-4 ${gapClass}`}>
             {mockPhotos.slice(0, 8).map((photo) => (
@@ -170,7 +168,9 @@ export const GalleryPreview: React.FC<GalleryPreviewProps> = ({
           borderColor: theme.primaryColor ? `${theme.primaryColor}20` : '#e5e7eb',
         }}
       >
-        <h3 className="text-sm font-medium capitalize">{activeLayout} Layout</h3>
+        <h3 className="text-sm font-medium">
+          Gallery Preview - <span className="capitalize">{activeLayout}</span> Layout
+        </h3>
       </div>
       
       {/* Preview Content */}