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

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 (