refactor: remove unused navigation styles and simplify routerLinkActive bindings

Author: geromegrignon

src/app/components/navigation/navigation.css

@@ -1,32 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: row;
-}
-
-.routerLinkActive {
-  @apply text-secondary underline;
-}
-
-li a:hover,
-.sidebarActive {
-  background: rgb(191, 37, 185);
-  background: linear-gradient(
-    148deg,
-    rgba(191, 37, 185, 1) 23%,
-    rgba(146, 73, 194, 1) 48%,
-    rgba(119, 94, 200, 1) 76%,
-    rgba(86, 120, 207, 1) 86%,
-    rgba(38, 159, 216, 1) 96%,
-    rgba(0, 190, 224, 1) 100%
-  );
-}
-
-nav {
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
-  clip-path: inset(0px -15px 0px 0px);
-}
-
-.close-button {
-  position: absolute;
-  right: 20px;
-}

src/app/components/navigation/navigation.html

@@ -14,10 +14,9 @@
     <li>
       <a
         class="flex gap-4 items-center px-4 py-3 rounded-xl"
-        routerLinkActive="sidebarActive"
+        [routerLinkActive]="['bg-pink-200', 'text-pink-700']"
         [routerLinkActiveOptions]="{ exact: true }"
         routerLink="/"
-        (click)="sidebarVisible.set(false)"
       >
         <i aria-hidden="true" class="pi pi-calendar text-2xl"></i>
         Events
@@ -26,9 +25,8 @@
     <li>
       <a
         class="flex gap-4 items-center px-4 py-3 rounded-xl"
-        routerLinkActive="sidebarActive"
+        [routerLinkActive]="['bg-pink-200', 'text-pink-700']"
         routerLink="/communities"
-        (click)="sidebarVisible.set(false)"
       >
         <i aria-hidden="true" class="pi pi-users text-2xl"></i>
         Communities
@@ -37,9 +35,8 @@
     <li>
       <a
         class="flex gap-4 items-center px-4 py-3 rounded-xl"
-        routerLinkActive="sidebarActive"
+        [routerLinkActive]="['bg-pink-200', 'text-pink-700']"
         routerLink="/podcasts"
-        (click)="sidebarVisible.set(false)"
       >
         <i aria-hidden="true" class="pi pi-microphone text-2xl"></i>
         Podcasts

src/app/components/navigation/navigation.ts

@@ -23,12 +23,4 @@ import { InputTextModule } from 'primeng/inputtext';
     InputTextModule,
   ],
 })
-export class Navigation {
-  sidebarVisible = signal(false);
-
-  drawerRef = viewChild.required(Drawer);
-
-  closeCallback(e: Event): void {
-    this.drawerRef().close(e);
-  }
-}
+export class Navigation {}