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/charts/geographic-summary-card.tsx

@@ -0,0 +1,50 @@
+'use client'
+
+import { trpc } from '@/lib/trpc/client'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { GeographicDistribution } from './geographic-distribution'
+import { Globe } from 'lucide-react'
+import { Skeleton } from '@/components/ui/skeleton'
+
+type GeographicSummaryCardProps = {
+  programId: string
+}
+
+export function GeographicSummaryCard({ programId }: GeographicSummaryCardProps) {
+  const { data, isLoading } = trpc.analytics.getGeographicDistribution.useQuery(
+    { programId },
+    { enabled: !!programId }
+  )
+
+  if (isLoading) {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <Globe className="h-5 w-5" />
+            Project Origins
+          </CardTitle>
+          <CardDescription>Geographic distribution of projects</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Skeleton className="h-[250px] w-full rounded-md" />
+        </CardContent>
+      </Card>
+    )
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <Globe className="h-5 w-5" />
+          Project Origins
+        </CardTitle>
+        <CardDescription>Geographic distribution of projects</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <GeographicDistribution data={data || []} compact />
+      </CardContent>
+    </Card>
+  )
+}