fix: move user bar inside right panel to avoid demo banner overlap

Author: snehalsurti12

editor/index.html

@@ -207,6 +207,11 @@
           <span id="page-indicator">Page 1 / 1</span>
           <button id="btn-page-next" type="button" class="icon-btn" title="Next Page"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></button>
         </div>
+        <!-- user bar moved to right panel -->
+        <div id="canvas"></div>
+      </main>
+
+      <aside class="panel panel-right">
         <div id="user-bar" class="user-bar" style="display:none;">
           <div class="user-avatar" id="user-avatar-initials"></div>
           <div class="user-info">
@@ -215,10 +220,6 @@
           </div>
           <button id="btn-logout" type="button" class="user-logout-btn" title="Sign Out"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg></button>
         </div>
-        <div id="canvas"></div>
-      </main>
-
-      <aside class="panel panel-right">
         <div class="panel-title">Properties</div>
         <div id="text-toolbar" class="toolbar hidden">
           <button data-cmd="bold" title="Bold"><strong>B</strong></button>

editor/styles.css

@@ -61,7 +61,6 @@ body {
 .panel-right {
   border-right: none;
   border-left: 1px solid var(--panel-border);
-  padding-top: 50px;
 }
 
 .panel-title {
@@ -966,11 +965,8 @@ button.active {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 8px 16px;
-  background: var(--panel);
+  padding: 10px 12px;
   border-bottom: 1px solid var(--panel-border);
-  border-left: 1px solid var(--panel-border);
-  border-radius: 0 0 0 10px;
 }
 .user-avatar {
   width: 32px;
@@ -1025,8 +1021,6 @@ button.active {
   color: var(--accent);
   border-color: var(--accent);
 }
-.has-demo-banner .user-bar { top: 38px; }
-.has-demo-banner .panel-right { padding-top: 88px; }
 
 /* ── Settings Button ── */
 .settings-btn {