refactor: remove unnecessary spans

Author: Sobyt483

projects/wc/src/app/components/generic-ui/value-cell/secret-value/secret-value.component.html

@@ -1,9 +1,7 @@
-<span class="secret-value">
-  <span class="value-text">
-    @if (isVisible()) {
-      <span class="original">{{ value() }}</span>
-    } @else {
-      <span class="masked">{{ maskedValue() }}</span>
-    }
-  </span>
+<span class="secret-value" [class.masked]="!isVisible()">
+  @if (isVisible()) {
+    {{ value() }}
+  } @else {
+    {{ maskedValue() }}
+  }
 </span>

projects/wc/src/app/components/generic-ui/value-cell/secret-value/secret-value.component.scss

@@ -2,9 +2,9 @@
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
+}
 
-  .masked {
-    transform: translateY(0.2em);
-    display: flex;
-  }
+.masked {
+  transform: translateY(0.2em);
+  display: flex;
 }