Update organizer homepage price display

Author: daveearley

frontend/src/components/layouts/OrganizerHomepage/EventCard/index.tsx

@@ -174,8 +174,8 @@ export const EventCard: React.FC<EventCardProps> = ({event, primaryColor = '#8b5
                         {lowestPrice !== null && (
                             <div className={classes.priceSection}>
                                 <IconTicket size={14}/>
-                                <span className={lowestPrice === 0 ? classes.free : classes.price}>
-                                    {lowestPrice === 0 ? (
+                                <span className={lowestPrice === 0 && highestPrice === 0 ? classes.free : classes.price}>
+                                    {lowestPrice === 0 && highestPrice === 0 ? (
                                         t`Free`
                                     ) : highestPrice !== null && highestPrice !== lowestPrice ? (
                                         `${formatCurrency(lowestPrice, event.currency)} - ${formatCurrency(highestPrice, event.currency)}`

frontend/src/components/layouts/OrganizerHomepage/index.tsx

@@ -25,12 +25,12 @@ interface OrganizerHomepageProps {
 }
 
 const ScrollToTop = () => {
-    const { pathname } = useLocation();
+    const {pathname} = useLocation();
 
     useEffect(() => {
         setTimeout(() => {
             window.scrollTo(0, 0);
-        }, 100); // Delay to ensure the scroll happens after the page is rendered
+        }, 100);
     }, [pathname]);
 
     return null;
@@ -92,7 +92,7 @@ export const OrganizerHomepage = ({
 
     return (
         <>
-            <ScrollToTop />
+            <ScrollToTop/>
             {/* Status Toggle Banner */}
             {organizer?.status && organizer?.id && (
                 <StatusToggle