feat: observer UX overhaul — reports, projects, charts, session & email

- Observer projects: default sort by status (rejected last), sortable status column
- Observer projects: search by country, institution, geographic zone
- Observer project detail: vertical timeline connectors between rounds
- Fix React key warning in ExpandableJurorTable and FilteringReportTabs
- Fix ScoreBadge text always white for better contrast on all backgrounds
- Remove misleading /30 denominator from heatmap juror reviewed count
- INTAKE stats: show Start-ups, Business Concepts, Countries (not States/Categories)
- DiversityMetrics: extractCountry() for country-only display in charts
- Fix nested button hydration error in filtering report mobile view
- Color project titles by outcome in filtering report (green/red/amber)
- Redesign CrossStageComparisonChart: funnel viz + metrics table with attrition %
- Center doughnut chart in StatusBreakdownChart
- Remove redundant RoundTypeStatsCards from evaluation report
- Move evaluation tab bar below overview header, rename to "Juror Assignments"
- Dev email override system (DEV_EMAIL_OVERRIDE env var)
- Session refresh on role change without re-login
- Role switcher in user dropdown menu
- formatCategory() utility for consistent category display
- Activity feed max height constraint

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

src/components/dashboard/activity-feed.tsx

@@ -23,8 +23,8 @@ type ActivityFeedProps = {
 
 export function ActivityFeed({ activity }: ActivityFeedProps) {
   return (
-    <Card>
-      <CardHeader className="pb-3">
+    <Card className="flex flex-col overflow-hidden" style={{ maxHeight: 420 }}>
+      <CardHeader className="pb-3 shrink-0">
         <div className="flex items-center gap-2.5">
           <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-blue/10">
             <Activity className="h-4 w-4 text-brand-blue" />
@@ -32,7 +32,7 @@ export function ActivityFeed({ activity }: ActivityFeedProps) {
           <CardTitle className="text-base">Activity</CardTitle>
         </div>
       </CardHeader>
-      <CardContent>
+      <CardContent className="overflow-y-auto min-h-0">
         {activity.length === 0 ? (
           <div className="flex flex-col items-center justify-center py-6 text-center">
             <Activity className="h-8 w-8 text-muted-foreground/30" />