Initial commit: MOPC platform with Docker deployment setup

Full Next.js 15 platform with tRPC, Prisma, PostgreSQL, NextAuth.
Includes production Dockerfile (multi-stage, port 7600), docker-compose
with registry-based image pull, Gitea Actions CI workflow, nginx config
for portal.monaco-opc.com, deployment scripts, and DEPLOYMENT.md guide.

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

src/components/shared/project-logo-with-url.tsx

@@ -0,0 +1,44 @@
+'use client'
+
+import { ProjectLogo } from './project-logo'
+import { trpc } from '@/lib/trpc/client'
+
+type ProjectLogoWithUrlProps = {
+  project: {
+    id: string
+    title: string
+    logoKey?: string | null
+  }
+  size?: 'sm' | 'md' | 'lg'
+  fallback?: 'icon' | 'initials'
+  className?: string
+}
+
+/**
+ * Project logo component that fetches the URL automatically via tRPC.
+ * Use this in client components when you only have the project data without the URL.
+ */
+export function ProjectLogoWithUrl({
+  project,
+  size = 'md',
+  fallback = 'icon',
+  className,
+}: ProjectLogoWithUrlProps) {
+  const { data: logoUrl } = trpc.logo.getUrl.useQuery(
+    { projectId: project.id },
+    {
+      enabled: !!project.logoKey,
+      staleTime: 60 * 1000, // Cache for 1 minute
+    }
+  )
+
+  return (
+    <ProjectLogo
+      project={project}
+      logoUrl={logoUrl}
+      size={size}
+      fallback={fallback}
+      className={className}
+    />
+  )
+}