Top Filter - Copy this React, Tailwind Component to your project

I-need-a-mobile-friendly-top-filter-layout-designed-in-a-row-based-format,-similar-to-the-one-shown-in-the-attached-image.-The-filter-should-be-positioned-at-the-top-of-the-screen-and-include-icons-to-indicate-categories-and-filtering-options.-The-filter-options-(like-"Sort"-and-a-filter-icon)-should-be-displayed-in-a-compact-row-layout,-maintaining-a-clean-and-modern-look.-The-dropdowns-should-expand-horizontally-when-clicked,-displaying-categories-and-company-options-in-a-neat,-vertically-stacked,-and-scrollable-format.-The-dropdowns-should-include-icons-and-concise-labels-to-enhance-visual-clarity-and-user-experience.-A-"Show-All-Products"-button-should-be-added-for-clearing-applied-filters.-The-design-should-maintain-a-sleek-and-user-friendly-layout-while-ensuring-it-stays-responsive-and-mobile-friendly.