Fix navbar menu spacing for react-bootstrap Nav component

Author: sreeshanth-soma

generators/react/templates/src/main/webapp/app/shared/layout/header/header.scss.ejs

@@ -73,7 +73,7 @@ Navbar styles
   .dropdown-toggle::after {
     margin-left: 0.15em;
   }
-  ul.navbar-nav {
+  .navbar-nav {
     padding: 0.5em;
     .nav-item {
       margin-left: 1.5rem;

generators/react/templates/src/main/webapp/app/shared/layout/header/header.tsx.ejs

@@ -79,7 +79,7 @@ const Header = (props: IHeaderProps) => {
         <Navbar.Toggle aria-controls="header-tabs" aria-label="Menu" />
         <Brand />
         <Navbar.Collapse id="header-tabs">
-          <Nav className="ms-auto">
+          <Nav id="header-tabs" className="ms-auto" navbar>
             <Home />
             {props.isAuthenticated && <EntitiesMenu />}
             {props.isAuthenticated && props.isAdmin &&