refactor: update Dockerfile to use Node.js 22-alpine and optimize project queries in portal pages

Dockerfile

@@ -1,5 +1,5 @@
 # ── Production Dockerfile (Dokploy / Coolify ready) ──────────────
-FROM node:20-alpine AS base
+FROM node:22-alpine AS base
 
 # ── 1. Install dependencies ─────────────────────────────────────
 FROM base AS deps

app/(dashboard)/analytics/analytics-client.tsx

@@ -120,7 +120,7 @@ export function AnalyticsClient({ data }: AnalyticsClientProps) {
                       ))}
                     </Pie>
                     <Tooltip 
-                      formatter={(value: number) => `₺${value}`}
+                      formatter={(value) => `₺${Number(value ?? 0)}`}
                       contentStyle={{ 
                         backgroundColor: 'hsl(var(--background))', 
                         borderColor: 'hsl(var(--border))',

app/(dashboard)/time/page.tsx

@@ -159,7 +159,6 @@ export default function TimeTrackingPage() {
               </div>
             </div>
           </div>
-        </div>
 
         {/* Right: Analytics & AI */}
         <div className="flex flex-col gap-8">

app/portal/page.tsx

@@ -1,6 +1,6 @@
 import { createClient } from "@/lib/supabase/server";
 import { Card, CardContent, Badge } from "poyraz-ui/atoms";
-import { FolderKanban, CheckCircle2, Clock, Activity, Wallet, BarChart } from "lucide-react";
+import { FolderKanban, CheckCircle2, Clock, Activity, BarChart } from "lucide-react";
 import Link from "next/link";
 import { format } from "date-fns";
 import { tr } from "date-fns/locale";
@@ -32,7 +32,7 @@ export default async function PortalDashboardPage() {
   // 2. Get Projects
   const { data: projectsData } = await supabase
     .from("projects")
-    .select("id, name, status, progress, due_date, budget_amount, currency, created_at")
+    .select("id, name, status, progress, due_date, created_at")
     .eq("client_id", clientData.id)
     .order("created_at", { ascending: false });
 
@@ -41,17 +41,8 @@ export default async function PortalDashboardPage() {
   const activeProjects = projects.filter(p => p.status !== 'completed' && p.status !== 'cancelled');
   const completedProjects = projects.filter(p => p.status === 'completed');
 
-  const totalBudget = activeProjects.reduce((sum, p) => sum + (Number(p.budget_amount) || 0), 0);
   const avgProgress = projects.length > 0 ? (projects.reduce((sum, p) => sum + (p.progress || 0), 0) / projects.length).toFixed(0) : "0";
 
-  const formatCurrency = (val: number) => {
-    return new Intl.NumberFormat("tr-TR", {
-      style: "currency",
-      currency: projects[0]?.currency || "USD",
-      maximumFractionDigits: 0,
-    }).format(val);
-  };
-
   return (
     <div className="mx-auto flex max-w-7xl flex-col gap-6">
       {/* Header */}
@@ -66,18 +57,17 @@ export default async function PortalDashboardPage() {
               Müşteri Paneli
             </h1>
             <p className="mt-1 max-w-2xl text-sm text-muted-foreground">
-              Hoş geldiniz, {clientData.name}. Aktif projelerinizi, ilerlemeleri ve bütçe durumunuzu buradan takip edin.
+              Hoş geldiniz, {clientData.name}. Aktif projelerinizi ve ilerlemeleri buradan takip edin.
             </p>
           </div>
         </div>
       </div>
 
       {/* KPI Cards */}
-      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+      <div className="grid gap-4 md:grid-cols-3">
         <StatCard label="Aktif Projeler" value={activeProjects.length.toString()} icon={FolderKanban} tone="blue" />
         <StatCard label="Tamamlanan" value={completedProjects.length.toString()} icon={CheckCircle2} tone="green" />
         <StatCard label="Ortalama İlerleme" value={`%${avgProgress}`} icon={BarChart} tone="amber" />
-        <StatCard label="Aktif Bütçe" value={formatCurrency(totalBudget)} icon={Wallet} tone="red" />
       </div>
 
       {/* Projects */}
@@ -146,13 +136,12 @@ function StatCard({
   label: string;
   value: string;
   icon: any;
-  tone: "green" | "blue" | "amber" | "red";
+  tone: "green" | "blue" | "amber";
 }) {
   const toneClass = {
     green: "bg-emerald-50 text-emerald-700",
     blue: "bg-blue-50 text-blue-700",
     amber: "bg-amber-50 text-amber-700",
-    red: "bg-primary/10 text-primary",
   }[tone];
 
   return (

app/portal/projects/[id]/page.tsx

@@ -23,7 +23,7 @@ export default async function PortalProjectPage({ params }: { params: Promise<{
   // 2. Get Project
   const { data: project, error } = await supabase
     .from("projects")
-    .select("*")
+    .select("id, name, description, status, progress, due_date, revision_quota")
     .eq("id", id)
     .eq("client_id", clientData.id)
     .single();

app/portal/projects/page.tsx

@@ -27,7 +27,7 @@ export default async function PortalProjectsPage() {
 
   const { data: projectsData } = await supabase
     .from("projects")
-    .select("id, name, status, progress, due_date, budget_amount, currency")
+    .select("id, name, status, progress, due_date")
     .eq("client_id", clientData.id)
     .order("created_at", { ascending: false });