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/observer/observer-projects-content.tsx

@@ -251,8 +251,9 @@ export function ObserverProjectsContent() {
               <SelectContent>
                 <SelectItem value="all">All Statuses</SelectItem>
                 <SelectItem value="SUBMITTED">Submitted</SelectItem>
-                <SelectItem value="ELIGIBLE">Eligible</SelectItem>
-                <SelectItem value="ASSIGNED">Assigned</SelectItem>
+                <SelectItem value="NOT_REVIEWED">Not Reviewed</SelectItem>
+                <SelectItem value="UNDER_REVIEW">Under Review</SelectItem>
+                <SelectItem value="REVIEWED">Reviewed</SelectItem>
                 <SelectItem value="SEMIFINALIST">Semi-finalist</SelectItem>
                 <SelectItem value="FINALIST">Finalist</SelectItem>
                 <SelectItem value="REJECTED">Rejected</SelectItem>
@@ -344,10 +345,10 @@ export function ObserverProjectsContent() {
                           </Badge>
                         </TableCell>
                         <TableCell>
-                          <StatusBadge status={project.status} />
+                          <StatusBadge status={project.observerStatus ?? project.status} />
                         </TableCell>
                         <TableCell>
-                          {project.averageScore !== null ? (
+                          {project.evaluationCount > 0 && project.averageScore !== null ? (
                             <div className="flex items-center gap-2">
                               <span className="tabular-nums w-8 text-sm">
                                 {project.averageScore.toFixed(1)}
@@ -404,24 +405,26 @@ export function ObserverProjectsContent() {
                           </p>
                         )}
                       </div>
-                      <StatusBadge status={project.status} />
+                      <StatusBadge status={project.observerStatus ?? project.status} />
                     </div>
                     <div className="flex items-center justify-between gap-2 text-xs text-muted-foreground">
                       <Badge variant="outline" className="text-xs">
                         {project.roundName}
                       </Badge>
-                      <div className="flex gap-3">
-                        <span>
-                          Score:{' '}
-                          {project.averageScore !== null
-                            ? project.averageScore.toFixed(1)
-                            : '-'}
-                        </span>
-                        <span>
-                          {project.evaluationCount} eval
-                          {project.evaluationCount !== 1 ? 's' : ''}
-                        </span>
-                      </div>
+                      {project.evaluationCount > 0 && (
+                        <div className="flex gap-3">
+                          <span>
+                            Score:{' '}
+                            {project.averageScore !== null
+                              ? project.averageScore.toFixed(1)
+                              : '-'}
+                          </span>
+                          <span>
+                            {project.evaluationCount} eval
+                            {project.evaluationCount !== 1 ? 's' : ''}
+                          </span>
+                        </div>
+                      )}
                     </div>
                   </CardContent>
                 </Card>