Profile Section - Copy this React, Tailwind Component to your project

Create-a-profile-section-that-displays-it-in-two-distinct-cards:-a-Profile-Card,-which-shows-the-user's-name,-role,-student-number,-email,-and-Ethereum-address,-and-a-Detail-Card,-which-contains-academic-related-information-like-program,-school,-start-and-end-dates,-duration,-access-level,-and-study-level.-The-component-also-includes-a-ribbon-styled-decorative-element-for-each-card.-It-supports-updating-the-user's-profile-picture-through-a-modal-window,-which-allows-image-file-uploads.-If-user-data-is-not-available,-a-loading-spinner-is-displayed.-The-component-ensures-error-handling-for-fetching-data-and-provides-fallback-functionality-for-invalid-profile-images.-Styling-is-applied-via-an-external-CSS-file,-enhancing-visual-appeal-and-layout.