feat: country flag display in remaining app pages (mentor, jury, admin, applicant)

Extends CountryDisplay component usage to all remaining pages that showed
raw country codes: mentor dashboard/projects, jury competitions/awards,
admin awards/project detail, applicant team, and project-list-compact.

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

src/app/(jury)/jury/awards/[id]/page.tsx

@@ -22,6 +22,7 @@ import {
   GripVertical,
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
+import { CountryDisplay } from '@/components/shared/country-display'
 
 export default function JuryAwardVotingPage({
   params,
@@ -191,7 +192,7 @@ export default function JuryAwardVotingPage({
                     )}
                     {project.country && (
                       <Badge variant="outline" className="text-xs">
-                        {project.country}
+                        <CountryDisplay country={project.country} />
                       </Badge>
                     )}
                   </div>
@@ -285,7 +286,7 @@ export default function JuryAwardVotingPage({
                       )}
                       {project.country && (
                         <Badge variant="outline" className="text-xs">
-                          {project.country}
+                          <CountryDisplay country={project.country} />
                         </Badge>
                       )}
                     </div>

src/app/(jury)/jury/competitions/[roundId]/projects/[projectId]/page.tsx

@@ -10,6 +10,7 @@ import { Badge } from '@/components/ui/badge'
 import { Skeleton } from '@/components/ui/skeleton'
 import { MultiWindowDocViewer } from '@/components/jury/multi-window-doc-viewer'
 import { ArrowLeft, FileText, Users, MapPin, Target, Tag } from 'lucide-react'
+import { CountryDisplay } from '@/components/shared/country-display'
 
 export default function JuryProjectDetailPage() {
   const params = useParams()
@@ -107,7 +108,7 @@ export default function JuryProjectDetailPage() {
             {project.country && (
               <Badge variant="outline" className="gap-1">
                 <MapPin className="h-3 w-3" />
-                {project.country}
+                <CountryDisplay country={project.country} />
               </Badge>
             )}
           </div>

src/app/(jury)/jury/competitions/page.tsx

@@ -19,6 +19,7 @@ import {
   FileEdit,
 } from 'lucide-react'
 import { formatDateOnly, formatEnumLabel } from '@/lib/utils'
+import { CountryDisplay } from '@/components/shared/country-display'
 
 export default function JuryAssignmentsPage() {
   const router = useRouter()
@@ -135,7 +136,7 @@ export default function JuryAssignmentsPage() {
                                 {project.title}
                               </p>
                               <p className="text-xs text-muted-foreground mt-0.5">
-                                {[project.teamName, project.country].filter(Boolean).join(' \u00b7 ')}
+                                {project.teamName}{project.teamName && project.country ? ' · ' : ''}{project.country ? <CountryDisplay country={project.country} /> : ''}
                               </p>
                             </div>
                             <div className="flex items-center gap-2 shrink-0">