fix(operator): align Pricing catalog header padding with other pages

pricing.vue nested <PageHeader> inside .stage, so the header inherited .stage's 40px horizontal + 24px top padding on top of its own — over-indenting the title and pushing it down vs every other operator page. Move PageHeader to the top level with .stage wrapping only the content below, matching index/tenants/audit/infrastructure/billing/reports.

apps/operator/pages/pricing.vue

@@ -169,7 +169,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
 </script>
 
 <template>
-  <div class="stage">
+  <div>
     <PageHeader
       eyebrow="Operator · operator.dezky.local"
       title="Pricing catalog"
@@ -183,7 +183,8 @@ const sortedPrices = computed<PriceRow[]>(() =>
       </template>
     </PageHeader>
 
-    <Card :pad="0">
+    <div class="stage">
+      <Card :pad="0">
       <table>
         <thead>
           <tr>
@@ -290,6 +291,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
         </UiButton>
       </div>
     </Card>
+    </div>
   </div>
 </template>