PackagesStep: surface verified providers via 2-col MiniCard grid

The unverified-tier "similar packages" section previously rendered a list
of NearbyPackageCards — one per package. Swap to MiniCard, showing the
provider itself: image, verified badge, location, rating, "From $X".
2-col on sm+, 1-col on xs, capped at 4. Heading dropped "nearby" to
"Similar packages from verified providers".

Data shape renamed NearbyVerifiedPackage → NearbyVerifiedProvider;
`verified` is implicit (the section is verified-only by definition).
Callback renamed onNearbyPackageClick → onNearbyProviderClick, routing
directly on provider id. Demo fixture now derives the list from the
main providers fixture (filtered to verified + imageUrl).

NearbyPackageCard is now orphaned — kept in place pending registry
cleanup in a follow-up.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/demo/apps/arrangement/routes/Packages.tsx

@@ -5,7 +5,7 @@ import { providersById, toPackagesStepProvider } from '../../../shared/fixtures/
 import {
   packagesByProvider,
   makeBasketKey,
-  nearbyVerifiedSamples,
+  nearbyVerifiedProviders,
 } from '../../../shared/fixtures/packages';
 import { useComparisonBasket } from '../../../shared/state/useComparisonBasket';
 import { demoNav } from '../DemoNav';
@@ -34,19 +34,28 @@ export function PackagesRoute() {
   // the Compare button into its "In comparison" selected state.
   const isSelectedInCart = selectedId ? basket.has(makeBasketKey(provider.id, selectedId)) : false;
 
-  // Tier-3 / tier-2 providers show "nearby verified" cards instead of
-  // "more from this provider".
+  // Tier-3 / tier-2 providers show verified-provider MiniCards instead of
+  // "more from this provider". Exclude the current provider from the
+  // "similar" list in case we ever add a verified id that collides.
   const secondaryList =
     provider.tier === 'verified'
       ? { kind: 'same-provider-more' as const, packages: bundle.other }
-      : { kind: 'nearby-verified' as const, packages: nearbyVerifiedSamples };
+      : {
+          kind: 'nearby-verified' as const,
+          providers: nearbyVerifiedProviders.filter((p) => p.id !== provider.id),
+        };
+
+  const secondaryHasItems =
+    secondaryList.kind === 'same-provider-more'
+      ? secondaryList.packages.length > 0
+      : secondaryList.providers.length > 0;
 
   return (
     <PackagesStep
       provider={toPackagesStepProvider(provider)}
       providerTier={provider.tier}
       packages={bundle.matching}
-      secondaryList={secondaryList.packages.length > 0 ? secondaryList : undefined}
+      secondaryList={secondaryHasItems ? secondaryList : undefined}
       selectedPackageId={selectedId}
       onSelectPackage={setSelectedId}
       onArrange={() =>
@@ -58,10 +67,7 @@ export function PackagesRoute() {
       }
       onCompare={handleCompare}
       isSelectedPackageInCart={isSelectedInCart}
-      onNearbyPackageClick={(key) => {
-        const [otherProviderId] = key.split(':');
-        if (otherProviderId) navigate(`/providers/${otherProviderId}/packages`);
-      }}
+      onNearbyProviderClick={(id) => navigate(`/providers/${id}/packages`)}
       onProviderClick={() => alert('Provider profile — not built in this demo slice.')}
       onBack={() => navigate('/')}
       navigation={demoNav}