give name to logs file (#1833)

* give name to logs file

frontend/projects/ui/src/app/components/logs/logs.component.ts

@@ -38,6 +38,7 @@ export class LogsComponent {
     params: RR.FollowServerLogsReq,
   ) => Promise<RR.FollowServerLogsRes>
   @Input() fetchLogs!: (params: ServerLogsReq) => Promise<LogsRes>
+  @Input() context!: string
   @Input() defaultBack!: string
   @Input() title!: string
 
@@ -151,7 +152,7 @@ export class LogsComponent {
       }
       const html = this.convertToAnsi(entries)
 
-      this.downloadHtml.download('logs.html', html, styles)
+      this.downloadHtml.download(`${this.context}-logs.html`, html, styles)
     } catch (e: any) {
       this.errToast.present(e)
     } finally {

frontend/projects/ui/src/app/pages/apps-routes/app-logs/app-logs.page.html

@@ -2,6 +2,7 @@
   [fetchLogs]="fetchLogs()"
   [followLogs]="followLogs()"
   [defaultBack]="'/services/' + pkgId"
+  [context]="pkgId"
   title="Service Logs"
   class="ion-page"
 ></logs>

frontend/projects/ui/src/app/pages/server-routes/kernel-logs/kernel-logs.page.html

@@ -1,6 +1,7 @@
 <logs
   [fetchLogs]="fetchLogs()"
   [followLogs]="followLogs()"
+  context="kernel"
   defaultBack="embassy"
   title="Kernel Logs"
   class="ion-page"

frontend/projects/ui/src/app/pages/server-routes/server-logs/server-logs.page.html

@@ -1,6 +1,7 @@
 <logs
   [fetchLogs]="fetchLogs()"
   [followLogs]="followLogs()"
+  context="eos"
   defaultBack="embassy"
   title="OS Logs"
   class="ion-page"