Observer platform: mobile fixes, data/UX overhaul, animated nav

- Fix dashboard default round selection to target active round instead of R1
- Move edition selector from dashboard header to hamburger menu via shared context
- Add observer-friendly status labels (Not Reviewed / Under Review / Reviewed)
- Fix pipeline completion: closed rounds show 100%, cap all rates at 100%
- Round badge on projects list shows furthest round reached
- Hide scores/evals for projects with zero evaluations
- Enhance project detail round history with pass/reject indicators from ProjectRoundState
- Remove irrelevant fields (Org Type, Budget, Duration) from project detail
- Clickable juror workload with expandable project assignments
- Humanize activity feed with icons and readable messages
- Fix jurors table: responsive card layout on mobile
- Fix criteria chart: horizontal bars for readable labels on mobile
- Animate hamburger menu open/close with CSS grid transition

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

src/components/charts/criteria-scores.tsx

@@ -25,14 +25,14 @@ export function CriteriaScoresChart({ data }: CriteriaScoresProps) {
 
   const chartData = data.map((d) => ({
     criterion:
-      d.name.length > 25 ? d.name.substring(0, 25) + '...' : d.name,
+      d.name.length > 40 ? d.name.substring(0, 40) + '...' : d.name,
     'Avg Score': parseFloat(d.averageScore.toFixed(2)),
   }))
 
   return (
     <Card>
       <CardHeader>
-        <CardTitle className="flex items-center justify-between">
+        <CardTitle className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
           <span>Score by Evaluation Criteria</span>
           <span className="text-sm font-normal text-muted-foreground">
             Overall Avg: {overallAverage.toFixed(2)}
@@ -46,10 +46,10 @@ export function CriteriaScoresChart({ data }: CriteriaScoresProps) {
           categories={['Avg Score']}
           colors={[BRAND_TEAL] as string[]}
           maxValue={10}
-          yAxisWidth={40}
+          layout="vertical"
+          yAxisWidth={160}
           showLegend={false}
           className="h-[300px]"
-          rotateLabelX={{ angle: -45, xAxisHeight: 60 }}
         />
       </CardContent>
     </Card>