Cargo Context - Copy this React, Tailwind Component to your project

I-need-help-creating-a-front-end-website-for-a-Cargo-Tracking-System.-Here-are-the-requirements:-Main-Features:-1.-Single-Page-Application-built-with-React-and-Tailwind-CSS-2.-Modern-and-clean-design-with-responsive-layout-Pages/Components-needed:-1.-Layout/Navigation:---Sidebar-with-navigation-links---Top-header-with-user-info/settings---Responsive-design-for-mobile-2.-Dashboard-Page:---Overview-cards-showing:-*-Total-active-shipments-*-Pending-deliveries-*-Completed-deliveries-*-Priority-shipments---Recent-shipments-table---Quick-actions-buttons-3.-Shipments-Management-Page:---Table-showing-all-shipments-with-columns:-*-Shipment-ID-*-Customer-Name-*-Post-Date-*-Delivery-Time-*-Status-(Processing/In-Delivery/Delivered)-*-Priority-Level---Search-and-filter-functionality---Add-New-Shipment-button/modal---Sort-options-(by-delivery-time,-status,-etc.)-4.-Customer-Management-Page:---Customers-list/table-with:-*-Customer-ID-*-Name-and-Surname-*-Total-Shipments-*-Last-Shipment-Date---Add-New-Customer-button/modal---Search-functionality---Customer-details-view-5.-History-&-Tracking-Page:---Shipment-history-table---Last-5-shipments-section---Status-timeline-visualization---Search-by-tracking-number-6.-Routes-Visualization-Page:---Tree-structure-visualization-showing:-*-Headquarters-(root)-*-Connected-cities-(nodes)-*-Delivery-routes---Interactive-route-map---Delivery-time-calculations-7.-Required-Components:---Data-tables-with-sorting/filtering---Forms-for-adding-customers-and-shipments---Status-badges/indicators---Search-bars---Modal-windows---Loading-states---Error-handling-states