Header with Search Bar, Nav Links and User Menu

This header component has a dark gray background and contains the following elements stacked vertically: - A top section with a logo, search bar and mobile menu toggle button - A navigation section with global links - A user menu section on the right with a profile avatar, notifications icon and dropdown menu It utilizes Tailwind utility classes like bg-gray-800, flex, px-2, hover:bg-gray-700 etc to style elements without writing any custom CSS. The component is responsive using lg:hidden, lg:flex to show/hide elements.