Agregando estadisticas

src/App.tsx

@@ -20,6 +20,7 @@ import SessionPage from "@/pages/SessionPage.tsx";
 import {AppStatus} from "@/types/types.ts";
 import Loading from "@/pages/Loading.tsx";
 import ErrorPage from "@/pages/ErrorPage.tsx";
+import Estadisticas from "@/pages/Estadisticas.tsx";
 
 const queryClient = new QueryClient();
 
@@ -45,6 +46,7 @@ const App = () => {
                 <Route path="/boletos" element={<TicketsPage />} />
                 <Route path="/media-kit" element={<MediaKit />} />
                   <Route path="session/:sessionId" element={<SessionPage />} />
+                <Route path="/estadisticas" element={<Estadisticas />} />
               </Routes>
             </main>
             <Footer />

src/components/Header.tsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from 'react';
-import {Image, Menu, UserStar, X} from 'lucide-react';
+import {Image, Menu, UserStar, X, BarChart3} from 'lucide-react';
 import posadevLogo from '/media-kit/posadev-logo.png';
 import {useLocation, useNavigate} from "react-router-dom";
 import {cn} from "@/lib/utils.ts";
@@ -68,6 +68,13 @@ const Header = () => {
                         >
                             <span>Agenda</span>
                         </a>
+                        <a
+                            onClick={() => navigate('/estadisticas')}
+                            className={cn("text-white hover:text-posadev-brightPink transition-colors duration-300 flex items-center space-x-1", isActive('/estadisticas') && "text-posadev-brightPink")}
+                        >
+                            <BarChart3 className="w-4 h-4" aria-hidden="true"/>
+                            <span>Estadísticas</span>
+                        </a>
                         <a
                             onClick={() => {
                                 navigate('/code-of-conduct')
@@ -103,6 +110,13 @@ const Header = () => {
                             >
                                 Agenda
                             </a>
+                            <a
+                                onClick={() => navigateMenu('/estadisticas')}
+                                className={cn("w-full flex items-center gap-2 text-white hover:text-posadev-brightPink transition-colors px-4 py-1 duration-300 space-x-2", isActive('/estadisticas') && "text-posadev-brightPink")}
+                            >
+                                <BarChart3 className="w-4 h-4" aria-hidden="true"/>
+                                Estadísticas
+                            </a>
                             <a
                                 onClick={() => navigateMenu('/#patrocinadores')}
                                 className={cn("w-full bg-gradient-to-r from-posadev-darkPink to-posadev-brightPink text-white px-4 py-3 rounded-lg flex items-center space-x-2 gap-2", isActive('/#patrocinadores') && "underline shadow-posadev-brightPink/25")}