feat: improve operator progress and recording accuracy

apps/showcase_ui/src/app/pages/home/home.component.scss

@@ -431,6 +431,18 @@ $text-light: #94a3b8;
           transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
           outline: none;
           white-space: nowrap;
+          min-width: 0;
+
+          @media (max-width: 560px) {
+            white-space: normal;
+            height: auto;
+            min-height: 32px;
+            padding: 6px 10px;
+            gap: 5px;
+            font-size: 12px;
+            line-height: 1.2;
+            text-align: center;
+          }
 
           .tab-icon {
             font-size: 16px;
@@ -440,6 +452,7 @@ $text-light: #94a3b8;
             align-items: center;
             justify-content: center;
             color: #64748b;
+            flex-shrink: 0;
             transition: color 0.15s ease, transform 0.15s ease;
 
             &.icon-ready {
@@ -454,6 +467,7 @@ $text-light: #94a3b8;
 
           .tab-label {
             color: #475569;
+            min-width: 0;
             transition: color 0.15s ease;
           }