Remove skeleton placeholder bars from ProductCard

ProductCard had two small skeleton-like bars below the product image
that were identical to the ones in ProductCardSkeleton. These served
no purpose in the rendered card and looked like leftover fallback UI.

Made-with: Cursor

Author: aurorascharff

ui/product-card.tsx

@@ -29,7 +29,7 @@ export function ProductCard<E extends ElementType = 'div'>({
 }: ProductCardProps<E>) {
   const Component = as || 'div';
   return (
-    <Component className="group flex flex-col gap-2.5" {...rest}>
+    <Component className="group" {...rest}>
       <div className="overflow-hidden rounded-md bg-gray-900/50 p-8 group-hover:bg-gray-900">
         <Image
           className={clsx(animateEnter && 'transition-enter')}
@@ -40,11 +40,6 @@ export function ProductCard<E extends ElementType = 'div'>({
           height={400}
         />
       </div>
-
-      <div className="flex flex-col gap-2">
-        <div className="h-2 w-4/5 rounded-full bg-gray-800" />
-        <div className="h-2 w-1/3 rounded-full bg-gray-800" />
-      </div>
     </Component>
   );
 }