Change active underline

Author: louismaximepiton

site/src/components/header/Navigation.astro

@@ -65,14 +65,14 @@ const { addedIn, layout, title } = Astro.props
       <div id="bd-navbar1" class="navbar-collapse collapse me-lg-auto bd-navbar mb-none border-none">
         <ul class="navbar-nav">
           <LinkItem
-            active={layout === 'docs' && !(title === 'Migrating to recent versions' || title === 'Migrating from Boosted' || title === 'Components')}
+            active={layout === 'docs' && !(title === 'Migrating to recent versions' || title === 'Migrating from Boosted' || title === 'Components' || Astro.url.pathname.includes('/components/'))}
             href={getVersionedDocsPath('getting-started/introduction')}
             onclick="dataLayer.push({'event': 'clic', 'site_name':'accessibility-boosted', 'phase':'prod', 'track_category':'navbar', 'track_name':'docs'});"
           >
             Docs
           </LinkItem>
           <LinkItem
-            active={title === 'Components'}
+            active={title === 'Components' || Astro.url.pathname.includes('/components/')}
             href={getVersionedDocsPath('components')}
             onclick="dataLayer.push({'event': 'clic', 'site_name':'accessibility-boosted', 'phase':'prod', 'track_category':'navbar', 'track_name':'components'});"
           >