Fix TypeScript errors in products page and Harvest Reach components

src/components/admin/HarvestReach/SegmentBuilderPage.tsx

@@ -14,7 +14,7 @@ type Props = {
 };
 
 // Icon components
-const LayersIcon = (className: string) => (
+const LayersIcon = ({ className }: { className: string }) => (
   <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
     <polygon points="12 2 2 7 12 12 22 7 12 2"/>
     <polyline points="2 17 12 22 22 17"/>

src/components/admin/HarvestReach/SegmentListSidebar.tsx

@@ -6,7 +6,7 @@ import { AdminButton, AdminIconButton, AdminSearchInput } from "@/components/adm
 
 // Icon components
 const Icons = {
-  plus: (className: string) => (
+  Plus: ({ className }: { className: string }) => (
     <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <path d="M12 5v14M5 12h14" />
     </svg>
@@ -47,7 +47,7 @@ export default function SegmentListSidebar({ segments, activeSegmentId, onSelect
           variant="primary"
           size="sm"
         >
-          <Icons.plus className="w-4 h-4" />
+          <Icons.Plus className="w-4 h-4" />
         </AdminIconButton>
       </div>