show gender on admin professional detail page

Add gender: true to users select in findById() (both lookup paths)
and render it in the personal data card in the admin frontend.

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

admin/src/app/professionals/[id]/page.tsx

@@ -15,7 +15,7 @@ import {
   ExternalLink, Copy, ChevronLeft, ChevronRight, Calendar,
 } from 'lucide-react';
 
-interface User { id: string; name: string; email?: string; phone?: string; city?: string; picture?: string; }
+interface User { id: string; name: string; email?: string; phone?: string; city?: string; picture?: string; gender?: string | null; }
 // DB convention: day_of_week 0=Mon … 6=Sun
 interface Schedule {
   id: string; day_of_week: number; enabled: boolean; continuous_day?: boolean;
@@ -419,6 +419,10 @@ export default function ProfessionalDetailPage() {
               ? <Input value={userForm.city} onChange={(e) => setUserForm({ ...userForm, city: e.target.value })} />
               : <p className="font-medium">{user?.city || '—'}</p>}
           </div>
+          <div className="space-y-1">
+            <span className="text-muted-foreground">Género</span>
+            <p className="font-medium capitalize">{user?.gender || '—'}</p>
+          </div>
         </CardContent>
       </Card>