Ancientfall

import React, { useState, useEffect } from 'react';
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';
import { Ship, Droplet, Package, Filter, AlertTriangle, Calendar, Settings, ChevronDown, ChevronUp, Search, Plus, Download, Layers, Target, CheckCircle, Info, XCircle } from 'lucide-react';

// Sample vessel data (using the same data from your original code)
const vessels = [
  {
    id: 1,
    name: "M/V Pelican Island",
    lastUpdated: "2025-05-05 12:39",