feat(ui): add Pinned Files tab and Milestone tracking to the dashboard

server/src/dashboard.html

@@ -481,6 +481,7 @@
             <button class="tab-button" onclick="switchTab('techdebt-tab', this)">Tech Debt</button>
             <button class="tab-button" onclick="switchTab('adrs-tab', this)">Decisions (ADR)</button>
             <button class="tab-button" onclick="switchTab('workspaces-tab', this)">Workspaces</button>
+            <button class="tab-button" onclick="switchTab('pinned-tab', this)">Pinned Files</button>
             <button class="tab-button" onclick="switchTab('memos-tab', this)">Handoffs</button>
             <button class="tab-button" onclick="switchTab('snippets-tab', this)">Snippets</button>
             <button class="tab-button" onclick="switchTab('pr-tab', this)">PRs</button>
@@ -558,10 +559,19 @@
             </div>
         </div>
 
+        <div id="pinned-tab" class="tab-content">
+            <div class="panel" style="flex:1; display:flex; flex-direction:column; overflow-y:auto;">
+                <h2>Pinned Files</h2>
+                <div id="pinned-container" style="display:flex; flex-direction:column; gap:15px;"></div>
+            </div>
+        </div>
+        
         <div id="memos-tab" class="tab-content">
             <div class="panel" style="flex:1; display:flex; flex-direction:column; overflow-y:auto;">
-                <h2>Handoff Memos & Milestones</h2>
+                <h2>Handoff Memos & Session Summaries</h2>
-                <div id="memos-container" style="display:flex; flex-direction:column; gap:15px;"></div>
+                <div id="memos-container" style="display:flex; flex-direction:column; gap:15px; margin-bottom: 30px;"></div>
+                <h2>Project Milestones</h2>
+                <div id="milestones-container" style="display:flex; flex-direction:column; gap:15px;"></div>
             </div>
         </div>