refactor(admin-ui): simplify accordion props splitting logic

- Change default accordion background from "light" to "base"
- Inline splitAccordionProps function into AccordionItemBase
- Restructure props destructuring for better readability
- Maintain same functionality with cleaner implementation

The props splitting logic is now contained within a useMemo hook
directly in the component, removing the need for a separate utility
function and making the code flow more straightforward.

Author: ku5ic

packages/admin-ui/src/Accordion/Accordion.tsx

@@ -19,7 +19,7 @@ const accordionVariants = cva("wby-group wby-w-full", {
     },
     defaultVariants: {
         variant: "container",
-        background: "light"
+        background: "base"
     }
 });
 

packages/admin-ui/src/Accordion/components/AccordionItem.tsx

@@ -23,34 +23,37 @@ const ACCORDION_ITEM_CLASSES = [
     "data-[disabled]:wby-pointer-events-none data-[disabled]:wby-opacity-50"
 ] as const;
 
-const splitAccordionProps = (props: AccordionItemProps) => {
-    const {
-        // AccordionRoot props
-        className,
-        defaultOpen,
-        disabled,
-        onOpenChange,
-        open,
-        // AccordionContent props
-        children,
-        icon,
-        handle,
-        // AccordionTrigger props
-        ...triggerProps
-    } = props;
+const AccordionItemBase = (props: AccordionItemProps) => {
+    const { itemProps, triggerProps, contentProps } = React.useMemo(() => {
+        const {
+            // Item props.
+            className,
+            defaultOpen,
+            disabled,
+            onOpenChange,
+            open,
 
-    return {
-        itemProps: { className, defaultOpen, disabled, onOpenChange, open },
-        contentProps: { children, withIcon: !!icon, withHandle: !!handle },
-        triggerProps
-    };
-};
+            // Content props.
+            children,
 
-const AccordionItemBase = (props: AccordionItemProps) => {
-    const { itemProps, triggerProps, contentProps } = React.useMemo(
-        () => splitAccordionProps(props),
-        [props]
-    );
+            // Trigger props.
+            ...triggerProps
+        } = props;
+
+        return {
+            itemProps: {
+                className,
+                defaultOpen,
+                disabled,
+                onOpenChange,
+                open
+            },
+            triggerProps: {
+                ...triggerProps
+            },
+            contentProps: { children, withIcon: !!props.icon, withHandle: !!props.handle }
+        };
+    }, [props]);
 
     return (
         <AccordionRoot {...itemProps} className={cn(ACCORDION_ITEM_CLASSES, itemProps.className)}>