fix(ui): Add loading state and min-height for status-content

Added loading indicator text and min-height CSS for #status-content
to prevent the empty card appearance when status panel first opens.

public/index.html

@@ -70,7 +70,7 @@
 
             <div id="status-panel" class="status-panel" style="display: none;">
                 <!-- Status content gets rendered here -->
-                <div id="status-content"></div>
+                <div id="status-content"><p class="status-loading">Loading status...</p></div>
                 <!-- Webhooks Configuration Panel (nested inside status) -->
                 <div class="webhooks-section" id="webhooks-section" style="display: none;">
                 <div class="webhooks-header" id="webhooks-header">

public/style.css

@@ -1232,6 +1232,17 @@ body {
   box-shadow: 0 2px 4px var(--shadow);
 }
 
+#status-content {
+  min-height: 100px;
+}
+
+.status-loading {
+  color: var(--text-muted);
+  font-style: italic;
+  text-align: center;
+  padding: 20px;
+}
+
 .status-header {
   display: flex;
   justify-content: space-between;