fix(ui): render drawer close glyph and tighten mobile heading

packages/ui/components/Drawer.wrn

@@ -150,7 +150,7 @@ open: boolean = false
                 aria-label='{closeLabel}'
                 @click='hideDrawer("close-button", event)'
               >
-                <span class="icon-[lucide--x]" aria-hidden="true"></span>
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" focusable="false"><path d="M6 6l12 12M18 6 6 18" /></svg>
               </button>
             {/if}
           </header>
@@ -397,7 +397,7 @@ open: boolean = false
 
     .wrn-drawer__header {
       display: flex;
-      align-items: flex-start;
+      align-items: center;
       justify-content: space-between;
       gap: 1rem;
       padding: 1.35rem 1.35rem 1.1rem;
@@ -519,6 +519,12 @@ open: boolean = false
       display: none;
     }
 
+    @media (max-width: 767px) {
+      .wrn-drawer__header {
+        padding-block: 0.75rem;
+      }
+    }
+
     @media (max-width: 639px) {
       .wrn-drawer[data-placement="right"] .wrn-drawer__panel,
       .wrn-drawer[data-placement="left"] .wrn-drawer__panel {