feat(navigation): don't render navItems when no children (#8722)

* chore: update next-env.d.ts

* 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.

* Update import path for routes type definitions

Signed-off-by: Igor Rodrigues Machado <107290125+igorrm19@users.noreply.github.com>

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

Co-authored-by: Claudio Wunder <cwunder@gnome.org>
Signed-off-by: Igor Rodrigues Machado <107290125+igorrm19@users.noreply.github.com>

* Fix conditional rendering of navItems in NavBar

Is this breaking the build with navItems?.length > 0 &&

Signed-off-by: Igor Rodrigues Machado <107290125+igorrm19@users.noreply.github.com>

* Remove blank line in NavBar component

Removed unnecessary blank line before the main navigation items div.

Signed-off-by: Igor Rodrigues Machado <107290125+igorrm19@users.noreply.github.com>

* style: fix prettier formatting in NavBar

---------

Signed-off-by: Igor Rodrigues Machado <107290125+igorrm19@users.noreply.github.com>
Co-authored-by: Claudio Wunder <cwunder@gnome.org>

Author: igorrm19

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

@@ -73,9 +73,8 @@ const NavBar: FC<PropsWithChildren<NavbarProps>> = ({
           aria-label={sidebarItemTogglerAriaLabel}
           tabIndex={-1}
         />
-
         <div className={classNames(styles.main, `hidden peer-checked:flex`)}>
-          {navItems && (
+          {navItems && navItems.length > 0 && (
             <div className={styles.navItems}>
               {navItems.map(({ text, link, target }) => (
                 <NavItem