feat: minimize mobile nav empty space (#8719)

Only render the navItems container when the array has items to prevent
an empty padded container from creating unwanted space in the mobile navigation.

Author: igorrm19

packages/ui-components/src/Containers/NavBar/index.tsx

@@ -75,7 +75,7 @@ const NavBar: FC<PropsWithChildren<NavbarProps>> = ({
         />
 
         <div className={classNames(styles.main, `hidden peer-checked:flex`)}>
-          {navItems && (
+          {!!navItems?.length && (
             <div className={styles.navItems}>
               {navItems.map(({ text, link, target }) => (
                 <NavItem