Header - Copy this React, Tailwind Component to your project

Design a header using HTML with inline Tailwind CSS styling. The header should include: Logo on the left: A text logo displaying 'Quail Farm' in bold blue font with a subtle underline effect. Search bar in the center: An oval shaped search field with a magnifying glass icon on the left and a placeholder text 'Search Products' in light gray. The search field should have a white background with a subtle brown border. Navigation menu: Horizontal text navigation items ('Home', 'Catalog', 'About Us', 'Contact'). The active item should have a gold color and underline, while others are gray with a hover effect that turns them gold. Icons on the right: Minimalistic shopping cart and user profile icons in dark gray color. Responsiveness: Ensure the elements are well structured and adapt to both small and large devices.