More webapp changes+fixes

webapp/src/app/features/subscriptions/subscription-list/subscription-list.component.ts

@@ -1,5 +1,6 @@
 import { Component, inject, signal, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
+import { Router } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 import { NzTableModule } from 'ng-zorro-antd/table';
 import { NzButtonModule } from 'ng-zorro-antd/button';
@@ -40,6 +41,7 @@ const TAB_CONFIGS: Record<SubscriptionTab, TabConfig> = {
   standalone: true,
   imports: [
     CommonModule,
+    DatePipe,
     FormsModule,
     NzTableModule,
     NzButtonModule,
@@ -60,6 +62,7 @@ const TAB_CONFIGS: Record<SubscriptionTab, TabConfig> = {
   styleUrl: './subscription-list.component.scss'
 })
 export class SubscriptionListComponent implements OnInit {
+  private router = inject(Router);
   private apiService = inject(ApiService);
   private authService = inject(AuthService);
   private notification = inject(NotificationService);
@@ -155,6 +158,10 @@ export class SubscriptionListComponent implements OnInit {
     return sub.channel_owner_user_id === userId;
   }
 
+  viewSubscription(sub: Subscription): void {
+    this.router.navigate(['/subscriptions', sub.subscription_id]);
+  }
+
   // Actions
   acceptSubscription(sub: Subscription): void {
     const userId = this.authService.getUserId();