fix: resolve color swatch styling and session card live update

- Add ViewEncapsulation.None to match other Leapp dialogs; BsModal renders
  components outside Angular's view tree so emulated encapsulation does not
  apply, causing the dark theme button rule to bleed through
- Call behaviouralSubjectService.setSessions() after saving the color so
  the dot indicator on session cards updates immediately without a restart

Signed-off-by: Jeremy Snidaro <jeremy.snidaro@papernest.com>
Signed-off-by: Jeremy SNIDARO <jeremy.snidaro@papernest.com>

Author: JeremySnidaro

packages/desktop-app/src/app/components/dialogs/change-color-dialog/change-color-dialog.component.scss

@@ -24,9 +24,16 @@
   align-items: center;
   cursor: pointer;
   gap: 4px;
-  background: none;
+  background: none !important;
   border: none;
   padding: 0;
+  outline: none;
+  -webkit-appearance: none;
+  appearance: none;
+
+  &:focus-visible .color-swatch {
+    box-shadow: 0 0 0 3px white, 0 0 0 5px rgba(0, 0, 0, 0.4);
+  }
 
   &:hover .color-swatch {
     transform: scale(1.15);

packages/desktop-app/src/app/components/dialogs/change-color-dialog/change-color-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, ViewEncapsulation } from "@angular/core";
 import { Session } from "@noovolari/leapp-core/models/session";
 import { AppService } from "../../../services/app.service";
 import { AppProviderService } from "../../../services/app-provider.service";
@@ -20,6 +20,7 @@ export const containerColors: { name: string; hex: string }[] = [
   selector: "app-change-color-dialog",
   templateUrl: "./change-color-dialog.component.html",
   styleUrls: ["./change-color-dialog.component.scss"],
+  encapsulation: ViewEncapsulation.None,
 })
 export class ChangeColorDialogComponent implements OnInit {
   @Input()
@@ -50,6 +51,7 @@ export class ChangeColorDialogComponent implements OnInit {
     if (this.selectedColor) {
       this.session.color = this.selectedColor;
       this.appProviderService.repository.updateSession(this.session.sessionId, this.session);
+      this.appProviderService.behaviouralSubjectService.setSessions(this.appProviderService.repository.getSessions());
       this.messageToasterService.toast("Color has been changed!", ToastLevel.success, "Color changed!");
       this.closeModal();
     }