Fix null/undefined type mismatches

src/components/lists/ListDisplay.tsx

@@ -39,7 +39,7 @@ export function ListDisplay({ list }: ListDisplayProps) {
     // Then, fetch the entities for each item
     const enrichedItems = await Promise.all(
       (itemsData as UserTopListItem[]).map(async (item) => {
-        let entity = null;
+        let entity: Park | Ride | Company | null = null;
 
         if (item.entity_type === "park") {
           const { data } = await supabase
@@ -47,28 +47,28 @@ export function ListDisplay({ list }: ListDisplayProps) {
             .select("id, name, slug, park_type, location_id")
             .eq("id", item.entity_id)
             .single();
-          entity = data;
+          entity = data as Park | null;
         } else if (item.entity_type === "ride") {
           const { data } = await supabase
             .from("rides")
             .select("id, name, slug, category, park_id")
             .eq("id", item.entity_id)
             .single();
-          entity = data;
+          entity = data as Ride | null;
         } else if (item.entity_type === "company") {
           const { data } = await supabase
             .from("companies")
             .select("id, name, slug, company_type")
             .eq("id", item.entity_id)
             .single();
-          entity = data;
+          entity = data as Company | null;
         }
 
         return { ...item, entity };
       })
     );
 
-    setItems(enrichedItems);
+    setItems(enrichedItems as EnrichedListItem[]);
     setLoading(false);
   };