feat: add toast when endpoints are failing

src/private/mongo/Admin.jsx

@@ -6,6 +6,7 @@ import EditRoundedIcon from '@mui/icons-material/EditRounded';
 import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded';
 import AddOrEditAdminForm from './AddOrEditAdminForm';
 import { getExternalData, deleteExternalData } from '../../api/mongo/actions';
+import useApiToast from '../../hooks/useApiToast';
 
 const columnsBase = [
     { field: 'name', headerName: 'Name', flex: 2 },
@@ -39,6 +40,7 @@ export default function Admin() {
     const [editingData, setEditingData] = useState(null);
     const [confirmOpen, setConfirmOpen] = useState(false);
     const [rowToDelete, setRowToDelete] = useState(null);
+    const { handleError } = useApiToast();
 
     useEffect(() => {
         let isMounted = true;
@@ -75,6 +77,7 @@ export default function Admin() {
             setRows(safeData);
         } catch (error) {
             console.error('Error loading data:', error);
+            handleError(error, 'Failed to load data');
             setRows([]);
         }
     };