feat: added brand to product page

Author: freddien03

src/app/product/[id]/page.tsx

@@ -415,10 +415,10 @@ export default function ProductPage({ params }: { params: Promise<{ id: string }
                   {product.productName}
                 </h1>
                 <span 
-                  className="text-xs mt-0.5 truncate block"
-                  style={{ color: colours.text.secondary }}
+                  className="text-m mt-0.5 truncate block font-semibold"
+                  style={{ color: colours.text.muted }}
                 >
-                  Product ID: {product.id}
+                  {product.brandName}
                 </span>
               </div>
             </div>

src/app/search/page.tsx

@@ -54,9 +54,8 @@ const SearchResult = memo(({ product, onSelect }: { product: ProductSearchResult
         style={{ color: colours.text.muted }}
       >
         <span className="font-semibold">
-           {product.brandName}
+          {product.brandName}
         </span>
-       
       </div>
     </Link>
   );