Fix meeting audio playback and restyle room detail actions.

Unlock LiveKit audio after user gesture, respect join mute/video settings,
and replace plain links with btn-secondary pills on the meeting details page.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/css/app.css

@@ -153,6 +153,46 @@ html.qr-mobile-page body {
         padding: 0.625rem 1.25rem;
     }
 
+    .btn-secondary {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        border-radius: 9999px;
+        border: 1px solid rgb(226 232 240);
+        background-color: #fff;
+        padding: 0.5rem 1rem;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        font-weight: 600;
+        color: rgb(51 65 85);
+        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+        transition: background-color 0.15s ease, border-color 0.15s ease;
+    }
+
+    .btn-secondary:hover {
+        background-color: rgb(248 250 252);
+        border-color: rgb(203 213 225);
+    }
+
+    .btn-secondary:disabled {
+        opacity: 0.6;
+        pointer-events: none;
+    }
+
+    .btn-secondary-sm {
+        padding: 0.375rem 0.75rem;
+        font-size: 0.75rem;
+        line-height: 1rem;
+    }
+
+    .btn-group {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
     .btn-fab {
         display: inline-flex;
         height: 2.75rem;