fix issues

apps/website/components/dev/Accordion.tsx

@@ -1,22 +1,21 @@
 'use client';
 
-import { ReactNode, useState } from 'react';
+import { ReactNode } from 'react';
 import { ChevronDown, ChevronUp } from 'lucide-react';
 
 interface AccordionProps {
   title: string;
   icon: ReactNode;
   children: ReactNode;
-  defaultOpen?: boolean;
+  isOpen: boolean;
+  onToggle: () => void;
 }
 
-export function Accordion({ title, icon, children, defaultOpen = false }: AccordionProps) {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
-
+export function Accordion({ title, icon, children, isOpen, onToggle }: AccordionProps) {
   return (
     <div className="border border-charcoal-outline rounded-lg overflow-hidden bg-iron-gray/30">
       <button
-        onClick={() => setIsOpen(!isOpen)}
+        onClick={onToggle}
         className="w-full flex items-center justify-between px-3 py-2 hover:bg-iron-gray/50 transition-colors"
       >
         <div className="flex items-center gap-2">