feat: Melhorias na tabela de eventos e formulários

- Adiciona coluna de Cidade com ordenação independente na tabela de eventos
- Implementa ordenação clicável em todas as colunas (nome, tipo, data, horário, cidade, local, status)
- Remove dependência de estado para filtro de cidade
- Adiciona exibição de curso/turma no modal de detalhes do evento
- Torna campo curso/turma obrigatório no formulário de solicitação de evento
- Remove campo de imagem de capa do formulário
- Corrige importação de getActiveCoursesByInstitutionId no Dashboard

frontend/components/EventFiltersBar.tsx

@@ -84,7 +84,7 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
           </label>
           <select
             value={filters.state}
-            onChange={(e) => onFilterChange({ ...filters, state: e.target.value, city: '' })}
+            onChange={(e) => onFilterChange({ ...filters, state: e.target.value })}
             className="px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:border-brand-gold transition-colors bg-white"
           >
             <option value="">Todos os estados</option>
@@ -105,8 +105,7 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
           <select
             value={filters.city}
             onChange={(e) => onFilterChange({ ...filters, city: e.target.value })}
-            disabled={!filters.state}
+            className="px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:border-brand-gold transition-colors bg-white"
-            className="px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:border-brand-gold transition-colors bg-white disabled:bg-gray-100 disabled:cursor-not-allowed"
           >
             <option value="">Todas as cidades</option>
             {availableCities.map((city) => (

frontend/components/EventForm.tsx

@@ -86,8 +86,6 @@ export const EventForm: React.FC<EventFormProps> = ({
       briefing: "",
       contacts: [{ name: "", role: "", phone: "" }],
       files: [] as File[],
-      coverImage:
-        "https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80", // Default
       institutionId: "",
       attendees: "",
       courseId: "",
@@ -248,6 +246,12 @@ export const EventForm: React.FC<EventFormProps> = ({
       return;
     }
 
+    // Validate course selection
+    if (!formData.courseId) {
+      alert("Por favor, selecione um curso/turma antes de continuar.");
+      return;
+    }
+
     // Show toast
     setShowToast(true);
     // Call original submit after small delay for visual effect or immediately
@@ -543,7 +547,7 @@ export const EventForm: React.FC<EventFormProps> = ({
                 {formData.institutionId && (
                   <div>
                     <label className="block text-sm font-medium text-gray-700 mb-1 tracking-wide uppercase text-xs">
-                      Curso/Turma
+                      Curso/Turma <span className="text-red-500">*</span>
                     </label>
 
                     {availableCourses.length === 0 ? (
@@ -575,8 +579,9 @@ export const EventForm: React.FC<EventFormProps> = ({
                             courseId: e.target.value,
                           })
                         }
+                        required
                       >
-                        <option value="">Selecione um curso (opcional)</option>
+                        <option value="">Selecione um curso *</option>
                         {availableCourses.map((course) => (
                           <option key={course.id} value={course.id}>
                             {course.name} - {course.graduationType} (
@@ -587,52 +592,6 @@ export const EventForm: React.FC<EventFormProps> = ({
                     )}
                   </div>
                 )}
-
-                {/* Cover Image Upload */}
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1 tracking-wide uppercase text-xs">
-                    Imagem de Capa
-                  </label>
-                  <div className="relative border border-gray-300 rounded-sm p-2 flex items-center bg-white">
-                    <input
-                      type="file"
-                      accept="image/*"
-                      className="absolute inset-0 w-full h-full opacity-0 cursor-pointer"
-                      onChange={(e) => {
-                        if (e.target.files && e.target.files[0]) {
-                          const file = e.target.files[0];
-                          const imageUrl = URL.createObjectURL(file);
-                          setFormData({ ...formData, coverImage: imageUrl });
-                        }
-                      }}
-                    />
-                    <div className="flex items-center justify-between w-full px-2">
-                      <span className="text-sm text-gray-500 truncate max-w-[200px]">
-                        {formData.coverImage &&
-                        !formData.coverImage.startsWith("http")
-                          ? "Imagem selecionada"
-                          : formData.coverImage
-                          ? "Imagem atual (URL)"
-                          : "Clique para selecionar..."}
-                      </span>
-                      <div className="bg-gray-100 p-1.5 rounded hover:bg-gray-200">
-                        <Upload size={16} className="text-gray-600" />
-                      </div>
-                    </div>
-                  </div>
-                  {formData.coverImage && (
-                    <div className="mt-2 h-32 w-full rounded-sm overflow-hidden border border-gray-200 relative group">
-                      <img
-                        src={formData.coverImage}
-                        alt="Preview"
-                        className="w-full h-full object-cover"
-                      />
-                      <div className="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center text-white text-xs">
-                        Visualização da Capa
-                      </div>
-                    </div>
-                  )}
-                </div>
               </div>
 
               <div className="flex flex-col sm:flex-row justify-end gap-3 sm:gap-0 mt-8">

frontend/components/EventTable.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { useState, useMemo } from 'react';
 import { EventData, EventStatus, UserRole } from '../types';
-import { Calendar, MapPin, Users, CheckCircle, Clock } from 'lucide-react';
+import { Calendar, MapPin, Users, CheckCircle, Clock, ArrowUpDown, ArrowUp, ArrowDown } from 'lucide-react';
 import { STATUS_COLORS } from '../constants';
 
 interface EventTableProps {
@@ -10,6 +10,9 @@ interface EventTableProps {
   userRole: UserRole;
 }
 
+type SortField = 'name' | 'type' | 'date' | 'time' | 'city' | 'location' | 'status';
+type SortOrder = 'asc' | 'desc' | null;
+
 export const EventTable: React.FC<EventTableProps> = ({ 
   events, 
   onEventClick, 
@@ -17,6 +20,84 @@ export const EventTable: React.FC<EventTableProps> = ({
   userRole 
 }) => {
   const canApprove = (userRole === UserRole.BUSINESS_OWNER || userRole === UserRole.SUPERADMIN);
+  const [sortField, setSortField] = useState<SortField | null>(null);
+  const [sortOrder, setSortOrder] = useState<SortOrder>(null);
+
+  const handleSort = (field: SortField) => {
+    if (sortField === field) {
+      // Se já está ordenando por este campo, alterna a ordem
+      if (sortOrder === 'asc') {
+        setSortOrder('desc');
+      } else if (sortOrder === 'desc') {
+        setSortOrder(null);
+        setSortField(null);
+      }
+    } else {
+      // Novo campo, começa com ordem ascendente
+      setSortField(field);
+      setSortOrder('asc');
+    }
+  };
+
+  const sortedEvents = useMemo(() => {
+    if (!sortField || !sortOrder) {
+      return events;
+    }
+
+    const sorted = [...events].sort((a, b) => {
+      let aValue: any;
+      let bValue: any;
+
+      switch (sortField) {
+        case 'name':
+          aValue = a.name.toLowerCase();
+          bValue = b.name.toLowerCase();
+          break;
+        case 'type':
+          aValue = a.type.toLowerCase();
+          bValue = b.type.toLowerCase();
+          break;
+        case 'date':
+          aValue = new Date(a.date + 'T00:00:00').getTime();
+          bValue = new Date(b.date + 'T00:00:00').getTime();
+          break;
+        case 'time':
+          aValue = a.time;
+          bValue = b.time;
+          break;
+        case 'city':
+          aValue = a.address.city.toLowerCase();
+          bValue = b.address.city.toLowerCase();
+          break;
+        case 'location':
+          aValue = `${a.address.city}, ${a.address.state}`.toLowerCase();
+          bValue = `${b.address.city}, ${b.address.state}`.toLowerCase();
+          break;
+        case 'status':
+          aValue = a.status.toLowerCase();
+          bValue = b.status.toLowerCase();
+          break;
+        default:
+          return 0;
+      }
+
+      if (aValue < bValue) return sortOrder === 'asc' ? -1 : 1;
+      if (aValue > bValue) return sortOrder === 'asc' ? 1 : -1;
+      return 0;
+    });
+
+    return sorted;
+  }, [events, sortField, sortOrder]);
+
+  const getSortIcon = (field: SortField) => {
+    if (sortField !== field) {
+      return <ArrowUpDown size={14} className="opacity-0 group-hover:opacity-50 transition-opacity" />;
+    }
+    if (sortOrder === 'asc') {
+      return <ArrowUp size={14} className="text-brand-gold" />;
+    }
+    return <ArrowDown size={14} className="text-brand-gold" />;
+  };
 
   const formatDate = (date: string) => {
     const eventDate = new Date(date + 'T00:00:00');
@@ -50,20 +131,59 @@ export const EventTable: React.FC<EventTableProps> = ({
                   Ações
                 </th>
               )}
-              <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+              <th 
-                Nome do Evento
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('name')}
+              >
+                <div className="flex items-center gap-2">
+                  Nome do Evento
+                  {getSortIcon('name')}
+                </div>
               </th>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+              <th 
-                Tipo
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('type')}
+              >
+                <div className="flex items-center gap-2">
+                  Tipo
+                  {getSortIcon('type')}
+                </div>
               </th>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+              <th 
-                Data
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('date')}
+              >
+                <div className="flex items-center gap-2">
+                  Data
+                  {getSortIcon('date')}
+                </div>
               </th>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+              <th 
-                Horário
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('time')}
+              >
+                <div className="flex items-center gap-2">
+                  Horário
+                  {getSortIcon('time')}
+                </div>
               </th>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+              <th 
-                Local
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('city')}
+              >
+                <div className="flex items-center gap-2">
+                  Cidade
+                  {getSortIcon('city')}
+                </div>
+              </th>
+              <th 
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('location')}
+              >
+                <div className="flex items-center gap-2">
+                  Local
+                  {getSortIcon('location')}
+                </div>
               </th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                 Contatos
@@ -71,13 +191,19 @@ export const EventTable: React.FC<EventTableProps> = ({
               <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                 Equipe
               </th>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+              <th 
-                Status
+                className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors group"
+                onClick={() => handleSort('status')}
+              >
+                <div className="flex items-center gap-2">
+                  Status
+                  {getSortIcon('status')}
+                </div>
               </th>
             </tr>
           </thead>
           <tbody className="divide-y divide-gray-100">
-            {events.map((event) => (
+            {sortedEvents.map((event) => (
               <tr 
                 key={event.id}
                 onClick={() => onEventClick(event)}
@@ -115,6 +241,11 @@ export const EventTable: React.FC<EventTableProps> = ({
                     {event.time}
                   </div>
                 </td>
+                <td className="px-4 py-3">
+                  <div className="text-sm text-gray-700">
+                    {event.address.city}
+                  </div>
+                </td>
                 <td className="px-4 py-3">
                   <div className="flex items-center text-sm text-gray-700">
                     <MapPin size={14} className="mr-1.5 text-brand-gold flex-shrink-0" />
@@ -164,7 +295,7 @@ export const EventTable: React.FC<EventTableProps> = ({
         </table>
       </div>
       
-      {events.length === 0 && (
+      {sortedEvents.length === 0 && (
         <div className="text-center py-12 text-gray-500">
           <p>Nenhum evento encontrado.</p>
         </div>

frontend/pages/Dashboard.tsx

@@ -35,6 +35,7 @@ export const Dashboard: React.FC<DashboardProps> = ({
     updateEventStatus,
     assignPhotographer,
     getInstitutionById,
+    getActiveCoursesByInstitutionId,
   } = useData();
   const [view, setView] = useState<"list" | "create" | "edit" | "details">(
     initialView
@@ -67,14 +68,10 @@ export const Dashboard: React.FC<DashboardProps> = ({
   // Extract unique values for filters
   const { availableStates, availableCities, availableTypes } = useMemo(() => {
     const states = [...new Set(myEvents.map(e => e.address.state))].sort();
-    const cities = advancedFilters.state
+    const cities = [...new Set(myEvents.map(e => e.address.city))].sort();
-      ? [...new Set(myEvents
-          .filter(e => e.address.state === advancedFilters.state)
-          .map(e => e.address.city))].sort()
-      : [];
     const types = [...new Set(myEvents.map(e => e.type))].sort();
     return { availableStates: states, availableCities: cities, availableTypes: types };
-  }, [myEvents, advancedFilters.state]);
+  }, [myEvents]);
 
   // Helper function to check time range
   const isInTimeRange = (time: string, range: string): boolean => {
@@ -451,6 +448,27 @@ export const Dashboard: React.FC<DashboardProps> = ({
                                     {institution.type}
                                   </p>
 
+                                  {/* Course Information */}
+                                  {selectedEvent.courseId &&
+                                    (() => {
+                                      const course = getActiveCoursesByInstitutionId(
+                                        selectedEvent.institutionId
+                                      ).find((c) => c.id === selectedEvent.courseId);
+                                      if (course) {
+                                        return (
+                                          <div className="bg-brand-gold/10 border border-brand-gold/30 rounded px-3 py-2 mb-3">
+                                            <p className="text-xs text-gray-500 uppercase tracking-wide mb-0.5">
+                                              Curso/Turma
+                                            </p>
+                                            <p className="text-sm font-semibold text-brand-black">
+                                              {course.name} - {course.graduationType} ({course.year}/{course.semester}º sem)
+                                            </p>
+                                          </div>
+                                        );
+                                      }
+                                      return null;
+                                    })()}
+
                                   <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm">
                                     <div>
                                       <p className="text-gray-500 text-xs uppercase tracking-wide">

frontend/pages/Team.tsx

@@ -202,47 +202,49 @@ export const TeamPage: React.FC = () => {
   const [selectedProfessional, setSelectedProfessional] =
     useState<Professional | null>(null);
   const [showAddModal, setShowAddModal] = useState(false);
-  
+
-  const [newProfessional, setNewProfessional] = useState<Partial<Professional>>({
+  const [newProfessional, setNewProfessional] = useState<Partial<Professional>>(
-    name: "",
+    {
-    role: "Fotógrafo",
+      name: "",
-    address: {
+      role: "Fotógrafo",
-      street: "",
+      address: {
-      number: "",
+        street: "",
-      complement: "",
+        number: "",
-      neighborhood: "",
+        complement: "",
-      city: "",
+        neighborhood: "",
-      state: "",
+        city: "",
-    },
+        state: "",
-    whatsapp: "",
+      },
-    cpfCnpj: "",
+      whatsapp: "",
-    bankInfo: {
+      cpfCnpj: "",
-      bank: "",
+      bankInfo: {
-      agency: "",
+        bank: "",
-      accountPix: "",
+        agency: "",
-    },
+        accountPix: "",
-    hasCar: false,
+      },
-    hasStudio: false,
+      hasCar: false,
-    studioQuantity: 0,
+      hasStudio: false,
-    cardType: "",
+      studioQuantity: 0,
-    accountHolder: "",
+      cardType: "",
-    observations: "",
+      accountHolder: "",
-    ratings: {
+      observations: "",
-      technicalQuality: 0,
+      ratings: {
-      appearance: 0,
+        technicalQuality: 0,
-      education: 0,
+        appearance: 0,
-      sympathy: 0,
+        education: 0,
-      eventPerformance: 0,
+        sympathy: 0,
-      scheduleAvailability: 0,
+        eventPerformance: 0,
-      average: 0,
+        scheduleAvailability: 0,
-    },
+        average: 0,
-    freeTable: "",
+      },
-    extraFee: "",
+      freeTable: "",
-    email: "",
+      extraFee: "",
-    specialties: [],
+      email: "",
-    avatar: "",
+      specialties: [],
-  });
+      avatar: "",
-  
+    }
+  );
+
   const [avatarFile, setAvatarFile] = useState<File | null>(null);
   const [avatarPreview, setAvatarPreview] = useState<string>("");
 
@@ -300,16 +302,21 @@ export const TeamPage: React.FC = () => {
     const matchesSearch =
       professional.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
       professional.email.toLowerCase().includes(searchTerm.toLowerCase());
-    const matchesRole = roleFilter === "all" || professional.role === roleFilter;
+    const matchesRole =
+      roleFilter === "all" || professional.role === roleFilter;
     const matchesStatus =
       statusFilter === "all" || professional.status === statusFilter;
     return matchesSearch && matchesRole && matchesStatus;
   });
 
   const stats = {
-    photographers: MOCK_PROFESSIONALS.filter((p) => p.role === "Fotógrafo").length,
+    photographers: MOCK_PROFESSIONALS.filter((p) => p.role === "Fotógrafo")
-    cinematographers: MOCK_PROFESSIONALS.filter((p) => p.role === "Cinegrafista").length,
+      .length,
-    receptionists: MOCK_PROFESSIONALS.filter((p) => p.role === "Recepcionista").length,
+    cinematographers: MOCK_PROFESSIONALS.filter(
+      (p) => p.role === "Cinegrafista"
+    ).length,
+    receptionists: MOCK_PROFESSIONALS.filter((p) => p.role === "Recepcionista")
+      .length,
     total: MOCK_PROFESSIONALS.length,
   };
 
@@ -344,7 +351,9 @@ export const TeamPage: React.FC = () => {
           <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
             <div className="flex items-center justify-between">
               <div>
-                <p className="text-sm text-gray-600 mb-1">Total de Cinegrafistas</p>
+                <p className="text-sm text-gray-600 mb-1">
+                  Total de Cinegrafistas
+                </p>
                 <p className="text-3xl font-bold text-brand-black">
                   {stats.cinematographers}
                 </p>
@@ -355,7 +364,9 @@ export const TeamPage: React.FC = () => {
           <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
             <div className="flex items-center justify-between">
               <div>
-                <p className="text-sm text-gray-600 mb-1">Total de Recepcionistas</p>
+                <p className="text-sm text-gray-600 mb-1">
+                  Total de Recepcionistas
+                </p>
                 <p className="text-3xl font-bold text-brand-black">
                   {stats.receptionists}
                 </p>
@@ -606,7 +617,10 @@ export const TeamPage: React.FC = () => {
                       required
                       value={newProfessional.name}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, name: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          name: e.target.value,
+                        })
                       }
                       placeholder="Nome completo"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -645,7 +659,10 @@ export const TeamPage: React.FC = () => {
                       required
                       value={newProfessional.email}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, email: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          email: e.target.value,
+                        })
                       }
                       placeholder="email@exemplo.com"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -661,7 +678,10 @@ export const TeamPage: React.FC = () => {
                       required
                       value={newProfessional.whatsapp}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, whatsapp: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          whatsapp: e.target.value,
+                        })
                       }
                       placeholder="(00) 00000-0000"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -678,7 +698,10 @@ export const TeamPage: React.FC = () => {
                     required
                     value={newProfessional.cpfCnpj}
                     onChange={(e) =>
-                      setNewProfessional({ ...newProfessional, cpfCnpj: e.target.value })
+                      setNewProfessional({
+                        ...newProfessional,
+                        cpfCnpj: e.target.value,
+                      })
                     }
                     placeholder="000.000.000-00 ou 00.000.000/0000-00"
                     className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -704,7 +727,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          address: { ...newProfessional.address!, street: e.target.value },
+                          address: {
+                            ...newProfessional.address!,
+                            street: e.target.value,
+                          },
                         })
                       }
                       placeholder="Nome da rua"
@@ -723,7 +749,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          address: { ...newProfessional.address!, number: e.target.value },
+                          address: {
+                            ...newProfessional.address!,
+                            number: e.target.value,
+                          },
                         })
                       }
                       placeholder="123"
@@ -743,7 +772,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          address: { ...newProfessional.address!, complement: e.target.value },
+                          address: {
+                            ...newProfessional.address!,
+                            complement: e.target.value,
+                          },
                         })
                       }
                       placeholder="Apto, Sala, etc"
@@ -762,7 +794,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          address: { ...newProfessional.address!, neighborhood: e.target.value },
+                          address: {
+                            ...newProfessional.address!,
+                            neighborhood: e.target.value,
+                          },
                         })
                       }
                       placeholder="Nome do bairro"
@@ -783,7 +818,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          address: { ...newProfessional.address!, city: e.target.value },
+                          address: {
+                            ...newProfessional.address!,
+                            city: e.target.value,
+                          },
                         })
                       }
                       placeholder="Nome da cidade"
@@ -803,7 +841,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          address: { ...newProfessional.address!, state: e.target.value.toUpperCase() },
+                          address: {
+                            ...newProfessional.address!,
+                            state: e.target.value.toUpperCase(),
+                          },
                         })
                       }
                       placeholder="SP"
@@ -831,7 +872,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          bankInfo: { ...newProfessional.bankInfo!, bank: e.target.value },
+                          bankInfo: {
+                            ...newProfessional.bankInfo!,
+                            bank: e.target.value,
+                          },
                         })
                       }
                       placeholder="Nome do banco"
@@ -850,7 +894,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          bankInfo: { ...newProfessional.bankInfo!, agency: e.target.value },
+                          bankInfo: {
+                            ...newProfessional.bankInfo!,
+                            agency: e.target.value,
+                          },
                         })
                       }
                       placeholder="0000-0"
@@ -869,7 +916,10 @@ export const TeamPage: React.FC = () => {
                       onChange={(e) =>
                         setNewProfessional({
                           ...newProfessional,
-                          bankInfo: { ...newProfessional.bankInfo!, accountPix: e.target.value },
+                          bankInfo: {
+                            ...newProfessional.bankInfo!,
+                            accountPix: e.target.value,
+                          },
                         })
                       }
                       placeholder="Conta ou chave Pix"
@@ -888,7 +938,10 @@ export const TeamPage: React.FC = () => {
                       required
                       value={newProfessional.cardType}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, cardType: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          cardType: e.target.value,
+                        })
                       }
                       placeholder="Débito, Crédito, Pix, etc"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -904,7 +957,10 @@ export const TeamPage: React.FC = () => {
                       required
                       value={newProfessional.accountHolder}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, accountHolder: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          accountHolder: e.target.value,
+                        })
                       }
                       placeholder="Nome do titular"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -926,7 +982,10 @@ export const TeamPage: React.FC = () => {
                         type="checkbox"
                         checked={newProfessional.hasCar}
                         onChange={(e) =>
-                          setNewProfessional({ ...newProfessional, hasCar: e.target.checked })
+                          setNewProfessional({
+                            ...newProfessional,
+                            hasCar: e.target.checked,
+                          })
                         }
                         className="w-4 h-4 text-brand-gold focus:ring-brand-gold border-gray-300 rounded"
                       />
@@ -942,7 +1001,10 @@ export const TeamPage: React.FC = () => {
                         type="checkbox"
                         checked={newProfessional.hasStudio}
                         onChange={(e) =>
-                          setNewProfessional({ ...newProfessional, hasStudio: e.target.checked })
+                          setNewProfessional({
+                            ...newProfessional,
+                            hasStudio: e.target.checked,
+                          })
                         }
                         className="w-4 h-4 text-brand-gold focus:ring-brand-gold border-gray-300 rounded"
                       />
@@ -1096,7 +1158,10 @@ export const TeamPage: React.FC = () => {
                       required
                       value={newProfessional.freeTable}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, freeTable: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          freeTable: e.target.value,
+                        })
                       }
                       placeholder="R$ 800,00"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -1111,7 +1176,10 @@ export const TeamPage: React.FC = () => {
                       type="text"
                       value={newProfessional.extraFee}
                       onChange={(e) =>
-                        setNewProfessional({ ...newProfessional, extraFee: e.target.value })
+                        setNewProfessional({
+                          ...newProfessional,
+                          extraFee: e.target.value,
+                        })
                       }
                       placeholder="R$ 150,00"
                       className="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-gold"
@@ -1128,7 +1196,10 @@ export const TeamPage: React.FC = () => {
                 <textarea
                   value={newProfessional.observations}
                   onChange={(e) =>
-                    setNewProfessional({ ...newProfessional, observations: e.target.value })
+                    setNewProfessional({
+                      ...newProfessional,
+                      observations: e.target.value,
+                    })
                   }
                   placeholder="Qualquer tipo de observação relevante"
                   rows={4}
@@ -1178,7 +1249,9 @@ export const TeamPage: React.FC = () => {
                     <h2 className="text-2xl font-serif font-bold text-brand-black mb-1">
                       {selectedProfessional.name}
                     </h2>
-                    <p className="text-gray-600 mb-2">{selectedProfessional.role}</p>
+                    <p className="text-gray-600 mb-2">
+                      {selectedProfessional.role}
+                    </p>
                     <div className="flex items-center gap-2 mb-2">
                       <Star
                         size={18}
@@ -1189,7 +1262,8 @@ export const TeamPage: React.FC = () => {
                         {selectedProfessional.ratings.average.toFixed(1)}
                       </span>
                       <span className="text-sm text-gray-500">
-                        ({selectedProfessional.eventsCompleted} eventos concluídos)
+                        ({selectedProfessional.eventsCompleted} eventos
+                        concluídos)
                       </span>
                     </div>
                     <span
@@ -1214,7 +1288,9 @@ export const TeamPage: React.FC = () => {
             <div className="space-y-6">
               {/* Contato */}
               <div>
-                <h3 className="font-semibold text-lg mb-3 text-brand-black">Contato</h3>
+                <h3 className="font-semibold text-lg mb-3 text-brand-black">
+                  Contato
+                </h3>
                 <div className="space-y-2">
                   <div className="flex items-center text-gray-700">
                     <Mail size={18} className="mr-3 text-brand-gold" />
@@ -1227,10 +1303,14 @@ export const TeamPage: React.FC = () => {
                   <div className="flex items-start text-gray-700">
                     <MapPin size={18} className="mr-3 text-brand-gold mt-1" />
                     <span>
-                      {selectedProfessional.address.street}, {selectedProfessional.address.number}
+                      {selectedProfessional.address.street},{" "}
-                      {selectedProfessional.address.complement && ` - ${selectedProfessional.address.complement}`}
+                      {selectedProfessional.address.number}
+                      {selectedProfessional.address.complement &&
+                        ` - ${selectedProfessional.address.complement}`}
                       <br />
-                      {selectedProfessional.address.neighborhood}, {selectedProfessional.address.city} - {selectedProfessional.address.state}
+                      {selectedProfessional.address.neighborhood},{" "}
+                      {selectedProfessional.address.city} -{" "}
+                      {selectedProfessional.address.state}
                     </span>
                   </div>
                 </div>
@@ -1238,7 +1318,9 @@ export const TeamPage: React.FC = () => {
 
               {/* Recursos */}
               <div>
-                <h3 className="font-semibold text-lg mb-3 text-brand-black">Recursos</h3>
+                <h3 className="font-semibold text-lg mb-3 text-brand-black">
+                  Recursos
+                </h3>
                 <div className="flex flex-wrap gap-2">
                   {selectedProfessional.hasCar && (
                     <span className="flex items-center gap-2 px-3 py-1 bg-green-100 text-green-700 rounded-full text-sm">
@@ -1257,13 +1339,19 @@ export const TeamPage: React.FC = () => {
 
               {/* Avaliações */}
               <div>
-                <h3 className="font-semibold text-lg mb-3 text-brand-black">Avaliações</h3>
+                <h3 className="font-semibold text-lg mb-3 text-brand-black">
+                  Avaliações
+                </h3>
                 <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
                   {selectedProfessional.role !== "Recepcionista" && (
                     <div className="bg-gray-50 p-3 rounded-lg">
-                      <p className="text-xs text-gray-600 mb-1">Qual. Técnica</p>
+                      <p className="text-xs text-gray-600 mb-1">
+                        Qual. Técnica
+                      </p>
                       <p className="text-lg font-semibold text-brand-gold">
-                        {selectedProfessional.ratings.technicalQuality.toFixed(1)}
+                        {selectedProfessional.ratings.technicalQuality.toFixed(
+                          1
+                        )}
                       </p>
                     </div>
                   )}
@@ -1286,9 +1374,13 @@ export const TeamPage: React.FC = () => {
                     </p>
                   </div>
                   <div className="bg-gray-50 p-3 rounded-lg">
-                    <p className="text-xs text-gray-600 mb-1">Disponibilidade</p>
+                    <p className="text-xs text-gray-600 mb-1">
+                      Disponibilidade
+                    </p>
                     <p className="text-lg font-semibold text-brand-gold">
-                      {selectedProfessional.ratings.scheduleAvailability.toFixed(1)}
+                      {selectedProfessional.ratings.scheduleAvailability.toFixed(
+                        1
+                      )}
                     </p>
                   </div>
                 </div>
@@ -1296,7 +1388,9 @@ export const TeamPage: React.FC = () => {
 
               {/* Valores */}
               <div>
-                <h3 className="font-semibold text-lg mb-3 text-brand-black">Valores</h3>
+                <h3 className="font-semibold text-lg mb-3 text-brand-black">
+                  Valores
+                </h3>
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
                   <div className="bg-gray-50 p-3 rounded-lg">
                     <p className="text-xs text-gray-600 mb-1">Tabela Free</p>
@@ -1305,7 +1399,9 @@ export const TeamPage: React.FC = () => {
                     </p>
                   </div>
                   <div className="bg-gray-50 p-3 rounded-lg">
-                    <p className="text-xs text-gray-600 mb-1">Extra/Equipamento</p>
+                    <p className="text-xs text-gray-600 mb-1">
+                      Extra/Equipamento
+                    </p>
                     <p className="text-lg font-semibold text-brand-black">
                       {selectedProfessional.extraFee}
                     </p>
@@ -1316,7 +1412,9 @@ export const TeamPage: React.FC = () => {
               {/* Observações */}
               {selectedProfessional.observations && (
                 <div>
-                  <h3 className="font-semibold text-lg mb-2 text-brand-black">Observações</h3>
+                  <h3 className="font-semibold text-lg mb-2 text-brand-black">
+                    Observações
+                  </h3>
                   <p className="text-gray-700 bg-gray-50 p-3 rounded-lg">
                     {selectedProfessional.observations}
                   </p>