Use Alert component for user messages

src/pages/Dashboard.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PageLayout from '../components/PageLayout';
+import Alert from '../components/Alert';
 
 const Dashboard = () => {
   // Estados para armazenar os dados do dashboard
@@ -12,6 +13,7 @@ const Dashboard = () => {
     chargingTime: 0,
     alerts: [],
   });
+  const [error, setError] = useState('');
 
   // Função para obter os dados do dashboard
   const fetchDashboardData = async () => {
@@ -21,11 +23,11 @@ const Dashboard = () => {
         const data = await response.json();
         setDashboardData(data); // Atualiza o estado com os dados recebidos
       } else {
-        alert('Erro ao obter os dados do dashboard');
+        setError('Erro ao obter os dados do dashboard');
       }
     } catch (error) {
       console.error('Erro ao buscar dados do dashboard:', error);
-      alert('Erro de conexão');
+      setError('Erro de conexão');
     }
   };
 
@@ -36,6 +38,7 @@ const Dashboard = () => {
 
   return (
     <PageLayout title="Visão Geral">
+      {error && <Alert type="error">{error}</Alert>}
 
       {/* Cards com informações resumidas */}
       <div className="flex flex-wrap gap-4 mb-6">