Projektlogo auch in Dashboard-Listen anzeigen

Logo erscheint jetzt zusätzlich bei "Anstehende Meilensteine" (neben dem
Projekt-Link) und bei "Pflicht-Minimum offen" (vor dem Namen). Dashboard-
Queries liefern dafür project.logoUrl mit.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/api/src/routers/dashboard.ts

@@ -69,6 +69,7 @@ export const dashboardRouter = router({
             status: milestone.status,
             projectId: milestone.projectId,
             projectName: project.name,
+            projectLogoUrl: project.logoUrl,
             areaId: project.areaId,
           })
           .from(milestone)
@@ -146,7 +147,7 @@ export const dashboardRouter = router({
         .map((p) => ({ id: p.id, name: p.name, areaId: p.areaId, modus: p.modus })),
       pflichtMinimumOffen: allProjects
         .filter((p) => Object.values(p.pflichtMinimumState).some((v) => v === false))
-        .map((p) => ({ id: p.id, name: p.name, areaId: p.areaId })),
+        .map((p) => ({ id: p.id, name: p.name, areaId: p.areaId, logoUrl: p.logoUrl })),
       feed: feedLatestPerUser,
       gestern: previousWerktag(todayDate),
     };

apps/web/src/routes/dashboard.tsx

@@ -8,6 +8,7 @@ import { TeamTimeSection } from '../components/time/TeamTimeSection';
 import { MODUS_META, type ProjectModus } from '../lib/project-meta';
 import { AlertTriangle } from 'lucide-react';
 import { clsx } from 'clsx';
+import { ProjectLogo } from '../components/project/ProjectLogo';
 
 export function DashboardRoute() {
   const q = trpc.dashboard.overview.useQuery();
@@ -103,8 +104,9 @@ export function DashboardRoute() {
                     </div>
                     <Link
                       to={`/projekt/${m.projectId}`}
-                      className="shrink-0 text-xs text-[var(--color-ink-muted)] hover:text-[var(--color-ink)] hover:underline"
+                      className="inline-flex shrink-0 items-center gap-2 text-xs text-[var(--color-ink-muted)] hover:text-[var(--color-ink)] hover:underline"
                     >
+                      <ProjectLogo url={m.projectLogoUrl} name={m.projectName} size={20} />
                       {m.projectName} →
                     </Link>
                   </li>
@@ -200,7 +202,8 @@ export function DashboardRoute() {
             <ul className="space-y-1 text-sm">
               {q.data.pflichtMinimumOffen.map((p) => (
                 <li key={p.id}>
-                  <Link to={`/projekt/${p.id}`} className="hover:underline">
+                  <Link to={`/projekt/${p.id}`} className="inline-flex items-center gap-2 hover:underline">
+                    <ProjectLogo url={p.logoUrl} name={p.name} size={20} />
                     {p.name}
                   </Link>
                 </li>