Header with logo, navigation links, profile dropdown and mobile menu

This component has a fixed header with a logo, navigation links aligned left, a profile image and dropdown aligned right and a mobile menu trigger. The mobile menu slides in from left with logo, navigation links and profile. It uses tailwind css utility classes like flex, gap, px, py, text-gray-500 etc to style the elements. The mobile menu uses modal, ring, transition classes to slide in and out.