Comprehensive UX polish: fix 19 friction points across all pages

Addresses broken interactions (notification bell, browser dialogs),
missing feedback states (disabled buttons, pricing changes, paused
indicator), unclear affordances (research queue, model tuning, funding
requirements), and navigation gaps (hash routing, keyboard shortcuts,
clickable dashboard cards, sidebar grouping, tutorial hints).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/web/src/pages/TalentPage.tsx

@@ -72,14 +72,17 @@ export function TalentPage() {
               <span className="text-xs text-surface-400">
                 Budget: {formatMoney(dept.budget)}/mo
               </span>
-              <button
-                onClick={() => hireDepartment(id, 1)}
-                disabled={!canHire}
-                className="flex items-center gap-1 bg-surface-800 hover:bg-surface-700 border border-surface-600 rounded px-3 py-1.5 text-xs disabled:opacity-40 disabled:cursor-not-allowed"
-              >
-                <Plus size={12} />
-                Hire ({formatMoney(hiringCost)})
-              </button>
+              <div className="text-right">
+                <button
+                  onClick={() => hireDepartment(id, 1)}
+                  disabled={!canHire}
+                  className="flex items-center gap-1 bg-surface-800 hover:bg-surface-700 border border-surface-600 rounded px-3 py-1.5 text-xs disabled:opacity-40 disabled:cursor-not-allowed"
+                >
+                  <Plus size={12} />
+                  Hire ({formatMoney(hiringCost)})
+                </button>
+                {!canHire && <div className="text-[10px] text-warning mt-0.5">Insufficient funds</div>}
+              </div>
             </div>
           </div>
         ))}