UpenaNuhansi

import React, { useState, useEffect } from 'react';
import TopBar from '../../../Components/TopBar/TopBar';
import CreateAlertModal from '../../../Components/AlertsNotifications/CreateAlertModal';
import { format, isToday } from 'date-fns';
import { User, Search, ToggleLeft, ToggleRight, Bell } from 'lucide-react';
import api from "../../../api/axios";

// const initialNotifications = [
//   { id: 1, time: '10:22', type: 'Full Bin', message: 'Bin A02 is full.', read: false },
//   { id: 2, time: '09:53', type: 'Maintenance', message: 'Bin C17 requires maintenance.', read: false },