feat: abstract classes and destroy subscriptions

apps/NwaifuAnime/src/app/components/detail/detail.component.html

@@ -10,20 +10,29 @@
       </summary>
       <div class="flex flex-col items-center pb-16">
         @for (chapter of chapters.data; track $index) {
-          <button
-            (click)="goToReader(chapter.number, chapter.volume)"
+          <a
+            routerLink="/reader"
+            [queryParams]="{
+              url: detail_item.slug_url,
+              chapter: chapter.number,
+              volume: chapter.volume,
+            }"
             [title]="chapter.name"
             class="p-3 text-white bg-slate-600 w-[300px] mt-3 rounded-lg"
           >
             <h3>
               <strong>{{ chapter.number }}.</strong> {{ chapter.name || "Нет названия" }}
             </h3>
-          </button>
+          </a>
         }
       </div>
     </details>
-    <button class="p-3 text-white bg-slate-600 w-[300px] mt-5 rounded-lg" (click)="goToReader()">
+    <a
+      routerLink="/reader"
+      class="p-3 text-white bg-slate-600 w-[300px] mt-5 rounded-lg text-center"
+      [queryParams]="{ url: detail_item.slug_url, volume: 1, chapter: 1 }"
+    >
       Читать
-    </button>
+    </a>
   }
 </div>