hide product price

components/pages/products/slug/rightSide.tsx

@@ -114,12 +114,12 @@ export function RightSide({
       {/* Price Section */}
       <div className="bg-[#1716169f] rounded-xl p-5 space-y-6">
         {/* Price */}
-        <div>
+        {/* <div>
           <p className="text-gray-400 text-sm mb-2">{t("products.price")}:</p>
           <h2 className="text-3xl md:text-4xl font-bold text-red-700">
             ${price}
           </h2>
-        </div>
+        </div> */}
 
         {/* Action Button */}
         <button

components/ui/breadcrumb.tsx

@@ -13,7 +13,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {
     <ol
       data-slot="breadcrumb-list"
       className={cn(
-        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',
+        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-words sm:gap-2.5',
         className,
       )}
       {...props}