fixed logo, fixed product details page image and api

app/(builder)/builder/[categoryId]/[partId]/page.tsx

@@ -17,7 +17,7 @@ type GunbuilderProductFromApi = {
   platform: string;
   partRole: string;
   price: number | null;
-  mainImageUrl: string | null;
+  imageUrl: string | null;
   buyUrl: string | null;
 };
 
@@ -55,21 +55,20 @@ export default function PartDetailPage() {
 
         // For now, pull the full AR-15 list and find by UUID.
         // We can optimize with a dedicated /api/products/{uuid} later.
-        const url = `${API_BASE_URL}/api/products/gunbuilder?platform=AR-15`;
+        const url = `${API_BASE_URL}/api/products/gunbuilder/products/${partId}`;
         const res = await fetch(url, { signal: controller.signal });
 
         if (!res.ok) {
           throw new Error(`Failed to load product (${res.status})`);
         }
 
-        const data: GunbuilderProductFromApi[] = await res.json();
-        const found = data.find((p) => p.id === partId) ?? null;
+        const data: GunbuilderProductFromApi = await res.json();
 
-        if (!found) {
+        if (!data) {
           setError("Product not found");
         }
 
-        setProduct(found);
+        setProduct(data);
       } catch (err: any) {
         if (err.name === "AbortError") return;
         setError(err.message ?? "Failed to load product");
@@ -77,7 +76,7 @@ export default function PartDetailPage() {
         setLoading(false);
       }
     }
-
+    
     fetchProduct();
 
     return () => controller.abort();
@@ -187,11 +186,11 @@ export default function PartDetailPage() {
             <div className="grid gap-6 md:grid-cols-[minmax(0,2fr)_minmax(0,1.3fr)] items-start">
               {/* Left: image + meta */}
               <div className="space-y-4">
-                {product.mainImageUrl && (
+                {product.imageUrl && (
                   <div className="overflow-hidden rounded-lg border border-zinc-800 bg-zinc-950">
                     {/* eslint-disable-next-line @next/next/no-img-element */}
                     <img
-                      src={product.mainImageUrl}
+                      src={product.imageUrl}
                       alt={product.name}
                       className="w-full object-contain max-h-80 bg-zinc-950"
                     />

app/(builder)/builder/[categoryId]/page.tsx

@@ -6,6 +6,7 @@ import { useParams, useRouter } from "next/navigation";
 import { CATEGORIES } from "@/data/gunbuilderParts";
 import type { CategoryId, Part } from "@/types/gunbuilder";
 
+
 type ViewMode = "card" | "list";
 
 type GunbuilderProductFromApi = {
@@ -134,11 +135,6 @@ export default function CategoryPage() {
     }
   }, [build]);
 
-  useEffect(() => {
-    // whenever the category or filters change, jump back to page 1
-    setCurrentPage(1);
-  }, [categoryId, brandFilter, sortBy, searchQuery]);
-
   //  handler to toggle Add / Remove for this category
   const handleTogglePart = (categoryId: CategoryId, partId: string) => {
     const isSelected = build[categoryId] === partId;
@@ -293,6 +289,7 @@ export default function CategoryPage() {
     return { start, end };
   }, [filteredParts.length, currentPage, paginatedParts.length, PAGE_SIZE]);
 
+
   if (!category) {
     return (
       <main className="min-h-screen bg-black text-zinc-50">