Update order pages with error handling and improved product images

src/FrontOffice.Main/wwwroot/css/site.css

@@ -383,6 +383,12 @@ html, body {
     .mobile-actions-stack { width: 100%; display: flex; gap: .5rem; }
     .mobile-actions-stack > * { flex: 1; }
 }
+.product-thumb {
+    border-radius: 12px;
+    object-fit: cover;
+    display: block;
+    box-shadow: 0 2px 6px rgba(0,0,0,.08);
+}
 /*#endregion*/
 
 /*#region Profile Tiles*/

src/FrontOffice.Main/wwwroot/images/product-placeholder.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
+  <rect x="1" y="1" width="126" height="126" rx="14" ry="14" fill="#f7f9fc" stroke="#d5dde5" stroke-width="2" />
+  <path d="M28 84l22-26 18 20 14-18 18 24" fill="none" stroke="#a0b4c8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+  <circle cx="46" cy="44" r="10" fill="#dfe7ef" />
+</svg>