Fix JSX indentation in Similar Products section

src/components/product/ProductDetail.tsx

@@ -417,13 +417,14 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
             <div className="flex justify-center">
               <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
                 {relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
-                <ProductCard 
-                  key={relatedProduct.id} 
-                  product={relatedProduct} 
-                  index={index}
-                  locale={locale}
-                />
-              ))}
+                  <ProductCard 
+                    key={relatedProduct.id} 
+                    product={relatedProduct} 
+                    index={index}
+                    locale={locale}
+                  />
+                ))}
+              </div>
             </div>
           </div>
         </section>