Se cambian iconos y etiquetas de la barra lateral, se agrega la función...

import { Menu, MenuItem, Sidebar } from "react-pro-sidebar"

import './assets/styles/style.css';

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import { faMonument, faUserTie } from "@fortawesome/free-solid-svg-icons";

import { useEffect, useState } from "react";

import { faLocation, faMonument, faPlaceOfWorship, faUserTie } from "@fortawesome/free-solid-svg-icons";

import { useState } from "react";

import { AdminPanelNavBar } from "../../../components/admin_panel_navbar/admin_navbar";

import { SidebarHeader } from "../../../components/sidebar_header/sidebar_header";

import { useGetStatesList } from "../../../hooks/useGetStatesList";

import axios from "axios";

import { AdminPanelPlaceScreen } from "../../../components/admin_panel_places/admin_panel_place_screen/admin_panel_place_screen";

import { AdminSelectedPanel } from "../../../constants/selected_panel";

export const AdminHomePage = () => {

  const [collapsed, setCollapsed] = useState(true);

  const [windowActive, setWindowActive] = useState(false);

  const [selectedPanel, setSelectedPanel] = useState<AdminSelectedPanel>(AdminSelectedPanel.PLACES);

  return (

    <div className="dmin-panel-root">

    <div className="admin-panel-root">

      <Sidebar className="sidebar" collapsed={collapsed} 

        onMouseOver={() => {

          windowActive ?

        > 

        <SidebarHeader/>

        <Menu>

          <MenuItem icon={<FontAwesomeIcon icon={faMonument}/>}  

            disabled={windowActive}>

              Pueblos

          <MenuItem icon={<FontAwesomeIcon icon={faPlaceOfWorship}/>}  

            disabled={windowActive}

            onClick={() => {setSelectedPanel(AdminSelectedPanel.PLACES)}}

            >

            Lugares

          </MenuItem>

          <MenuItem icon={<FontAwesomeIcon icon={faUserTie}/>} 

            disabled={windowActive}>

            Administradores

          <MenuItem icon={<FontAwesomeIcon icon={faLocation}/>} 

            disabled={windowActive}

            onClick={() => {setSelectedPanel(AdminSelectedPanel.ACTIVITIES)}}

            >

            Actividades

          </MenuItem>

        </Menu>

      </Sidebar>

      <div className="admin-panel-body">

        <AdminPanelNavBar windowActive={windowActive}/>

        <div className="admin-panel-content">

        {(() => {

          switch (selectedPanel) {

            case AdminSelectedPanel.PLACES:

              return <AdminPanelPlaceScreen/>;

            case AdminSelectedPanel.ACTIVITIES:

              return <div/>

            default:

              return null;

          }

        })()}

        </div>

        <div className="footer-cnt">