feat: extract inventory images workflow step

apps/web/src/pages/AdminHomePage.vue

@@ -1,6 +1,5 @@
 <script setup>
 import { computed, onMounted, ref } from "vue";
-import { RouterLink } from "vue-router";
 
 import { useAuth } from "@/composables/useAuth.js";
 import AdminListingStatus from "@/components/molecules/AdminListingStatus.vue";
@@ -8,6 +7,7 @@ import InventoryWorkflowStepper from "@/components/molecules/InventoryWorkflowSt
 import ProductIdentityStep from "@/components/molecules/ProductIdentityStep.vue";
 import ProviderMappingStep from "@/components/molecules/ProviderMappingStep.vue";
 import InventoryCopyStep from "@/components/molecules/InventoryCopyStep.vue";
+import InventoryImagesStep from "@/components/molecules/InventoryImagesStep.vue";
 import {
   createAdminInventory,
   createAdminProduct,
@@ -988,7 +988,6 @@ onMounted(load);
       class="admin-list"
       aria-labelledby="inventory-title"
     >
-      <span id="workflow-images" aria-hidden="true"></span>
       <h2 id="inventory-title">Physical inventory</h2>
       <div class="admin-list__actions">
         <button
@@ -1051,12 +1050,12 @@ onMounted(load);
           </label>
           <span v-else>{{ item.id }}</span>
           · {{ item.status }}
-          <RouterLink
-            :to="{ name: 'admin-image-manager', params: { id: item.id } }"
-            >Manage images</RouterLink
-          >
         </li>
       </ul>
+      <InventoryImagesStep
+        :inventory="inventory"
+        :missing-images="dashboard?.counts.missingImages ?? 0"
+      />
       <ul v-if="hasValuations" aria-label="Market valuations">
         <li
           v-for="(valuation, inventoryItemId) in valuations"