fix(principal): integra auth, agenda e laudos com a api

src/pages/TeamPage.jsx

@@ -1,11 +1,16 @@
+import { useState, useEffect } from 'react'
 import { professionalRepository } from '../repositories/professionalRepository.js'
 
 const cardClass = 'rounded-2xl border border-[#404040] bg-[#262626] shadow-sm'
 
 export function TeamPage({ navigate }) {
-  const professionals = professionalRepository.getAll()
+  const [professionals, setProfessionals] = useState([])
   const { slots, weekdays } = professionalRepository.getCoverageMap()
 
+  useEffect(() => {
+    professionalRepository.getAll().then(setProfessionals).catch(console.error)
+  }, [])
+
   return (
     <div className="mx-auto max-w-7xl space-y-6">
       <header className="flex flex-col items-start justify-between gap-4 md:flex-row md:items-center">