fix: match stat bar bullet and divider placement to reference

Use middle dot after quarter label and vertical dividers only after total and completed chips.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/dashboard/DashboardHeader.tsx

@@ -22,7 +22,7 @@ const STAT_ACCENT = {
   전체: 'text-[#ffdb3a]',
   IN_PROGRESS: 'text-[#10b981]',
   REVIEW: 'text-[#ff9f0a]',
-  DONE: 'text-[#e2e8f0]',
+  DONE: 'text-[#b0b0b0]',
   ISSUES: 'text-[#ff5252]',
 } as const;
 
@@ -60,10 +60,10 @@ export function DashboardHeader({
       <div className="header-stats-bar side-polygon-stats absolute left-1/2 top-0 z-10 flex h-10 -translate-x-1/2 items-center justify-center rounded-b-2xl border-b border-[#135643] bg-[linear-gradient(90deg,#093023_20%,#074833_50%,#093023_80%)] px-12 [filter:drop-shadow(0_2px_4px_rgba(0,0,0,0.2))]">
         <div className="poly-stat-item">
           <span className="poly-stat-quarter header-stat-text">{quarterLabel}</span>
-          <span className="poly-stat-pipe header-stat-text">|</span>
+          <span className="poly-stat-bullet header-stat-text">·</span>
           {statItems.map((item, index) => (
             <span key={item.statusKey} className="contents">
-              {index > 0 && <StatDivider />}
+              {(index === 1 || index === 4) && <StatDivider />}
               <StatClick
                 label={item.label}
                 value={item.value}

frontend/src/index.css

@@ -122,10 +122,10 @@ body,
 .poly-stat-quarter {
   flex-shrink: 0;
   font-weight: 600;
-  color: rgba(255, 255, 255, 0.77);
+  color: #ffffffc4;
 }
 
-.poly-stat-pipe {
+.poly-stat-bullet {
   flex-shrink: 0;
   color: rgba(238, 234, 227, 0.4);
 }