Add Icon menu item in nav

Author: smnandre

ux.symfony.com/assets/styles/sections/_nav.scss

@@ -107,19 +107,28 @@
   }
 }
 
-
 .AppNav_badge {
   position: absolute;
   color: lightskyblue;
-  right: -.5rem;
+  right: -1rem;
   top: -.75rem;
   text-align: right;
   padding: .2rem .4rem;
-  font-size: .5rem;
+  font-size: .75rem;
   border: 1px solid var(--color-text);
   font-stretch: condensed;
   font-family: var(--font-family-text);
   height: 1rem;
   line-height: normal;
 }
+@media (max-width: 859px) {
+  .AppNav_badge {
+    display: none;
+  }
+}
 
+@media (max-width: 360px) {
+  .ThemeSwitcher + .AppNav_item {
+    display: none;
+  }
+}

ux.symfony.com/templates/_header.html.twig

@@ -29,6 +29,10 @@
             <div class="AppNav_menu">
                 <a href="{{ path('app_turbo') }}" class="AppNav_item">Turbo</a>
                 <a href="{{ path('app_live_component') }}" class="AppNav_item">Live <span>Components</span></a>
+                <a href="{{ path('app_icons') }}" class="AppNav_item">
+                    <span class="AppNav_badge">New</span>
+                    Icons
+                </a>
                 <a href="{{ path('app_packages') }}" class="AppNav_item">Packages</a>
                 <a href="{{ path('app_demos') }}" class="AppNav_item">Demos</a>
             </div>

ux.symfony.com/templates/_nav.html.twig

@@ -21,6 +21,19 @@ final class IconsTest extends KernelTestCase
 {
     use HasBrowser;
 
+    public function testCanViewIconFromHomepage(): void
+    {
+        $this->browser()
+            ->visit('/')
+            ->assertSuccessful()
+            ->assertSeeIn('.AppNav_menu', 'Icons')
+            ->click('Icons')
+            ->assertSuccessful()
+            ->assertSeeIn('title', 'Icons')
+            ->assertSeeIn('h1', 'Icons')
+        ;
+    }
+
     public function testCanViewIconIndex(): void
     {
         $this->browser()