Fix CollapsibleTrigger context error

src/components/search/SearchFilters.tsx

@@ -61,10 +61,11 @@ export function SearchFiltersComponent({ filters, onFiltersChange, activeTab }:
   const currentYear = new Date().getFullYear();
 
   return (
+    <Collapsible open={isOpen} onOpenChange={setIsOpen}>
       <Card className="w-full">
         <CollapsibleTrigger asChild>
           <CardHeader className="cursor-pointer hover:bg-muted/50 transition-colors">
-          <div className="flex items-center justify-between" onClick={() => setIsOpen(!isOpen)}>
+            <div className="flex items-center justify-between">
               <div className="flex items-center gap-2">
                 <Filter className="w-5 h-5" />
                 <CardTitle className="text-lg">Filters</CardTitle>
@@ -95,7 +96,6 @@ export function SearchFiltersComponent({ filters, onFiltersChange, activeTab }:
           </CardHeader>
         </CollapsibleTrigger>
         
-      <Collapsible open={isOpen} onOpenChange={setIsOpen}>
         <CollapsibleContent>
           <CardContent className="space-y-6">
             {/* Park Filters */}
@@ -381,7 +381,7 @@ export function SearchFiltersComponent({ filters, onFiltersChange, activeTab }:
             )}
           </CardContent>
         </CollapsibleContent>
-      </Collapsible>
       </Card>
+    </Collapsible>
   );
 }