Two-level Tabbed Navigation with Hover Effect

This implements a two-level tabbed navigation using Tailwind CSS. The outer tabs use the .isolate class for isolation, .inline-flex for an inline flex container, and .rounded-md for rounded corners. The inner tabs use .relative positioning, negative margins, and ring inset styling for the inactive tab effect. The .hover:bg-gray-50 adds a light gray background on hover.