feat: atualizar exibição da saudação na Retrospectiva com nome do usuário e ajustar estilos

src/app/services/metrics/metrics-by-portal.ts

@@ -4,6 +4,7 @@ type MetricsByPortalProps = {
   nomeSistema: string;
   totalAcessos: number;
   horasLogadas: number;
+  nomeUsuario: string;
 };
 
 type GetMetricsByPortalParams = {

src/styles/index.css

@@ -117,7 +117,7 @@
   --popover-foreground: oklch(0.145 0 0);
   --primary: #0e233d;
   --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
+  --secondary: #febb01;
   --secondary-foreground: oklch(0.205 0 0);
   --muted: oklch(0.97 0 0);
   --muted-foreground: oklch(0.556 0 0);

src/views/components/retrospective-slides.tsx

@@ -125,14 +125,26 @@ export function RetrospectiveSlides() {
                   </motion.div>
 
                     <motion.h1
-                    className="text-6xl md:text-7xl font-medium mb-4"
+                    className="text-5xl md:text-6xl font-medium mb-4"
                     initial={{ y: 20, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: true }}
                     transition={{ duration: 0.6, delay: 0.2 }}>
-                    Sua Retrospectiva
+                    {metricsPortal && metricsPortal[0]?.nomeUsuario ? (
+                      <>
+                        Olá,{' '}
+                        <span className="text-secondary">
+                          {metricsPortal[0].nomeUsuario.split(' ')[0]}
+                        </span>
+                        !
                         <br />
-                    Ágape {year}
+                        Bem-vindo à sua Retrospectiva Ágape {year}
+                      </>
+                    ) : (
+                      <>
+                      Retrospectiva Ágape {year}
+                      </>
+                    )}
                     </motion.h1>
 
                   <motion.p