feat: add zone name display in ZoneGroup and update styles for zone-name-wrapper

app/src/styles/scene/scene.scss

@@ -1,9 +1,12 @@
 @use "../abstracts/variables" as *;
 @use "../abstracts/mixins" as *;
 
-.distance-text-wrapper {
+.distance-text-wrapper,
+.zone-name-wrapper,
+.pointer-none {
   pointer-events: none !important;
 }
+
 .distance-text {
   pointer-events: none !important;
   div {
@@ -24,11 +27,20 @@
   }
 }
 
-.pointer-none {
-  pointer-events: none;
+.zone-name{
+  background: var(--background-color);
+  padding: 2px 8px;
+  text-wrap: nowrap;
+  backdrop-filter: blur(12px);
+  border-radius: #{$border-radius-medium};
+  outline: 1px solid var(--border-color);
 }
 
-// temp
+//
+//
+//
+//
+// ------------------------------- temp -----------------------------
 .select-floorplane-wrapper {
   position: absolute;
   @include flex-center;
@@ -52,7 +64,7 @@
       border-radius: #{$border-radius-large};
       outline: 1px solid var(--border-color);
     }
-    .active{
+    .active {
       background: var(--background-color-accent);
       color: var(--text-button-color);
     }