Header Content Overflows at Screen widths That more than 1024px

## Description
the header uses fixed height **h-20** in the Header Template , at lg breakpoint (>=1024px) , Nav Items Switch from icons only to icons + text **(hidden lg:inline)** increasing the content's height beyond the fixed 80px height **h-20** and causing elements to overflow the header bounds.

## Screenshot

Start in the Header Template and inspect the fixed h-20 height alongside the lg:inline navigation classes. Reproduce the layout at widths of 1024px and above, then adjust the header sizing or alignment so the expanded navigation stays within its bounds. Verify that the header no longer overflows at large screen widths.

Written by the indexing model from the issue text.