Fix order detail behavior: panel hides when order selected

- Changed show-panel to "!selectedOrderId" - panel slides left when order is clicked
- OrderDetailBottomSheet now matches KycBottomSheet structure (full screen, same z-index)

app/components/catalog/OrderDetailBottomSheet.vue

@@ -2,19 +2,17 @@
   <Transition name="order-slide">
     <div
       v-if="isOpen && orderUuid"
-      class="fixed inset-0 z-40 pointer-events-none"
+      class="fixed inset-x-0 bottom-0 z-50 flex flex-col"
+      style="height: 70vh"
     >
-      <!-- Backdrop (clickable to close) - only covers map area on desktop -->
+      <!-- Backdrop (clickable to close) -->
       <div
-        class="absolute inset-0 lg:left-96 bg-black/30 pointer-events-auto"
+        class="absolute inset-0 -top-[30vh] bg-black/30"
         @click="emit('close')"
       />
 
-      <!-- Sheet content - positioned at bottom, above backdrop -->
+      <!-- Sheet content -->
-      <div
+      <div class="relative flex-1 bg-black/40 backdrop-blur-xl rounded-t-2xl border-t border-white/20 shadow-2xl overflow-hidden">
-        class="absolute left-0 right-0 lg:left-96 bottom-0 z-50 flex flex-col bg-black/40 backdrop-blur-xl rounded-t-2xl border-t border-white/20 shadow-2xl overflow-hidden pointer-events-auto"
-        style="height: 70vh"
-      >
         <!-- Header with drag handle and close -->
         <div class="sticky top-0 z-10 bg-black/30 backdrop-blur-md border-b border-white/10">
           <div class="flex justify-center py-2">

app/pages/clientarea/orders/index.vue

@@ -7,7 +7,7 @@
       map-id="orders-map"
       point-color="#6366f1"
       :hovered-id="hoveredOrderId"
-      :show-panel="true"
+      :show-panel="!selectedOrderId"
       panel-width="w-96"
       :hide-view-toggle="true"
       @select="onMapSelect"