Purchase History - Copy this React, Tailwind Component to your project

"Design-the-**body**-section-of-a-'Purchase-History'-page-for-an-online-shoe-store:-1.-**Main-Title**:-Centered-at-the-top,-large-text-displaying-'Purchase-History'.-2.-**Information-Table**:---Displayed-as-a-table,-each-row-representing-an-order.---Columns:-Order-ID,-Purchase-Date,-Product-Name,-Quantity,-Total-Amount,-Delivery-Status.---Include-a-'View-Details'-button-at-the-end-of-each-row-for-order-specifics.-3.-**Search-Bar**:---Positioned-above-the-table,-with-a-text-input-field-showing-placeholder-'Enter-Order-ID-or-Purchase-Date...'.---A-'Search'-button-beside-the-input-field.-4.-**Back-Button**:---Placed-below-the-table,-aligned-to-the-left-or-center.---A-button-labeled-'Back-to-Home'-for-easy-navigation."