feat: extract review and list workflow step

apps/web/src/pages/AdminHomePage.vue

@@ -9,6 +9,7 @@ import ProviderMappingStep from "@/components/molecules/ProviderMappingStep.vue"
 import InventoryCopyStep from "@/components/molecules/InventoryCopyStep.vue";
 import InventoryImagesStep from "@/components/molecules/InventoryImagesStep.vue";
 import PricingReviewStep from "@/components/molecules/PricingReviewStep.vue";
+import ReviewListStep from "@/components/molecules/ReviewListStep.vue";
 import {
   createAdminInventory,
   createAdminProduct,
@@ -714,41 +715,15 @@ onMounted(load);
         @update:condition-id="conditionId = $event"
         @submit="createInventory"
       />
-      <form id="workflow-listing" class="showcase-panel" @submit.prevent="createListing">
-        <h2>Create listing draft</h2>
-        <label class="fixture-label" for="listing-inventory"
-          >Inventory copy</label
-        >
-        <select
-          id="listing-inventory"
-          v-model="listingInventoryId"
-          class="fixture-input"
-          required
-        >
-          <option value="" disabled>Select a physical copy</option>
-          <option v-for="item in inventory" :key="item.id" :value="item.id">
-            {{ item.id }} · {{ item.status }}
-          </option>
-        </select>
-        <label class="fixture-label" for="listing-price"
-          >Asking price (cents)</label
-        >
-        <input
-          id="listing-price"
-          v-model="askingPrice"
-          class="fixture-input"
-          type="number"
-          min="1"
-          required
-        />
-        <button
-          class="button button--primary"
-          type="submit"
-          :disabled="isSaving"
-        >
-          Create listing
-        </button>
-      </form>
+      <ReviewListStep
+        :inventory-item-id="listingInventoryId"
+        :asking-price="askingPrice"
+        :inventory="inventory"
+        :is-saving="isSaving"
+        @update:inventory-item-id="listingInventoryId = $event"
+        @update:asking-price="askingPrice = $event"
+        @submit="createListing"
+      />
       <form class="showcase-panel" @submit.prevent="recordSale">
         <h2>Record sale</h2>
         <label class="fixture-label" for="sale-inventory">Inventory copy</label>