Order Progress Bar - Copy this React, Tailwind Component to your project

Design-a-visually-appealing-progress-bar-for-tracking-an-e-commerce-order,-from-order-placement-to-delivery.-The-progress-bar-should-be-horizontal-and-display-key-stages:-'Order-Placed',-'Processing',-'Shipped',-'Out-for-Delivery',-and-'Delivered'.-Include-icons-and-text-labels-for-each-stage.-The-design-should-be-mobile-friendly,-responsive,-and-reflect-a-modern-e-commerce-theme.-Consider-using-color-transitions-to-indicate-progress-and-ensure-the-bar-is-easily-distinguishable-in-both-light-and-dark-mode-interfaces.