Fix image sizes & category filters (#939)

* Fix image height & missing query string

* Update ProductView.tsx

* Update ProductView.tsx

* Update index.tsx

* Remove unused path

site/components/product/ProductCard/ProductCard.module.css

@@ -73,7 +73,7 @@
 }
 
 .imageContainer .productImage {
-  @apply transform transition-transform duration-500 object-cover w-auto h-full;
+  @apply transform transition-transform duration-500 object-cover;
 }
 
 .root .wishlistButton {

site/components/product/ProductView/ProductView.tsx

@@ -69,10 +69,7 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
           <Text variant="sectionHeading">Related Products</Text>
           <div className={s.relatedProductsGrid}>
             {relatedProducts.map((p) => (
-              <div
-                key={p.path}
-                className="animated fadeIn bg-accent-0 border border-accent-2"
-              >
+              <div key={p.path} className="bg-accent-0 border border-accent-2">
                 <ProductCard
                   noNameTag
                   product={p}
@@ -81,8 +78,7 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
                   className="animated fadeIn"
                   imgProps={{
                     alt: p.name,
-                    width: 300,
-                    height: 300,
+                    className: 'w-full h-full object-cover',
                   }}
                 />
               </div>