fix(Navbar): Fix bug cannot click navbar items in production mode

Signed-off-by: hoangnt2 <hoang2.nguyenthai@toshiba.co.jp>

Author: hoangnt2

src/components/sw360/Navbar/Navbar.tsx

@@ -12,7 +12,6 @@
 
 import { useSession } from 'next-auth/react'
 import Image from 'next/image'
-import Link from 'next/link'
 import { useRouter, useSelectedLayoutSegment } from 'next/navigation'
 import { useState } from 'react'
 import { Navbar as BSNavbar, Container, Form, Nav, NavDropdown } from 'react-bootstrap'
@@ -74,11 +73,9 @@ function Navbar() {
                     )
                 } else {
                     return (
-                        <Nav.Item key={item.name}>
-                            <Link className={`nav-link ${pathname == item.href ? 'active' : ''}`} href={item.href}>
-                                {item.name}
-                            </Link>
-                        </Nav.Item>
+                        <Nav.Link key={item.name} className={`${pathname == item.href ? 'active' : ''}`} href={item.href}>
+                            {item.name}
+                        </Nav.Link>
                     )
                 }
             })}

src/styles/globals.css

@@ -239,8 +239,8 @@ th {
 
 .nav-link {
     color: var(--sw360-navlink-color) !important;
-    font-size: 0.95rem;
-    font-weight: 600;
+    font-size: 0.95rem !important;
+    font-weight: 600 !important;
 }
 
 .nav-link:hover {
@@ -249,7 +249,7 @@ th {
 }
 
 .nav-link.active {
-    color: var(--sw360-navlink-active-color);
+    color: var(--sw360-navlink-active-color) !important;
     font-weight: bold;
 }