mejora de UX

client/src/views/Dashboard.vue

@@ -2,7 +2,12 @@
   <div class="dashboard">
     <div class="dashboard-header">
       <div class="header-top">
-        <h1>🎛️ Admin Dashboard</h1>
+        <div class="header-left">
+          <button @click="goToSelector" class="btn btn-back">
+            ← UUIDs
+          </button>
+          <h1>🎛️ Admin Dashboard</h1>
+        </div>
         <div class="connection-status">
           <div :class="['status-indicator', { 'connected': isSSEConnected, 'disconnected': !isSSEConnected }]"></div>
           <span class="status-text">{{ isSSEConnected ? 'Real-time' : 'Polling' }}</span>
@@ -405,6 +410,10 @@ function goToLobby() {
   router.push('/');
 }
 
+function goToSelector() {
+  router.push('/');
+}
+
 function openTabs() {
   const base = window.location.origin;
   const openOne = (uuid: string) => {
@@ -748,6 +757,31 @@ const selectedRoom = computed(() => {
   gap: 20px;
 }
 
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.btn-back {
+  background: rgba(255, 255, 255, 0.1);
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  padding: 8px 16px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  backdrop-filter: blur(10px);
+}
+
+.btn-back:hover {
+  background: rgba(255, 255, 255, 0.2);
+  border-color: rgba(255, 255, 255, 0.3);
+  transform: translateX(-2px);
+}
+
 .dashboard-header h1 {
   font-size: 2.5rem;
   margin: 0;