Styled App Bar - Copy this React, Mui Component to your project

Create-a-responsive-web-page-in-HTML,-CSS,-and-JavaScript-for-a-trading-bot-dashboard-with-the-following-sections-and-functionality:-1.-Header:-Simple-logo-on-the-left.-User-profile-button-and-USDT-wallet-balance-on-the-right.-2.-Main-Body---Bot-List:-A-"New-Bot"-button-at-the-top-that-opens-a-modal-with-inputs-to-configure-a-new-bot:-Symbol,-Capital,-Positioning-Space-($),-Quantity-per-Order,-Order-Capacity,-Entry-Price,-and-Leverage.-Each-bot-displays-the-following-details-in-a-card-or-table-row-format:-Symbol-Trade-Side-(Sell/Buy)-Current-Price-(USDT)-PNL-($)-ROI-(%)-Sizing-(symbol)-Margin-(USDT)-Entry-Price-(USDT)-Current-Price-(USDT)-Leverage-Each-bot-card-has-an-expandable-"Settings"-section-with:-Config-Settings-(Editable-fields-with-an-edit-button):-Positioning-Space-($),-Quantity-per-Order,-Order-Capacity,-Entry-Price,-Leverage.-Statistics-(Read-only-calculated-values):-Profit-/-Trade-($),-Max-Loss-($),-First-Vol-($),-Max-Vol-($),-Margin-($),-Margin-for-First-($),-First-Change-(%),-Max-Change-(%).-3.-Functionality:-Modal-for-creating-a-new-bot-opens-when-"New-Bot"-is-clicked.-Editable-fields-for-Config-Settings-with-an-edit-button-on-each-field.-Design-the-page-to-be-clean,-user-friendly,-and-mobile-responsive."