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

Create-a-responsive-webpage-for-a-liquor-shop-that-features-the-following-functionalities-and-design-elements:-1.-Page-Layout:---A-clean,-modern,-and-visually-appealing-design-with-a-header,-main-content-area,-and-footer.---A-header-that-includes-the-shop-name/logo-and-a-navigation-bar.-2.-Product-Categories:---Display-a-sidebar-or-dropdown-menu-with-filter-options-for-product-categories,-including-Brandy,-Tequila,-Vodka,-Whisky,-Rum,-Gin,-and-Liqueurs.---Users-should-be-able-to-select-one-or-multiple-categories-to-filter-products-displayed-on-the-page.-3.-Product-Grid:---Show-products-in-a-grid-layout-with-the-following-details-for-each-product:---Product-image.---Product-name.---Product-category.---Price.---Products-should-be-clickable-for-more-details.-4.-**Pagination:**---Include-pagination-at-the-bottom-of-the-product-grid-to-handle-a-large-number-of-products.-5.-Optional-Features:---A-search-bar-to-quickly-find-products-by-name.---A-"Sort-By"-dropdown-to-sort-products-by-price-(low-to-high,-high-to-low)-or-popularity.---Responsive-design-for-mobile-and-desktop-users.