chore: add-ids-accordion

Author: tractorss

src/lib/accordion/accordion-item.tsx

@@ -25,19 +25,24 @@ const AccordionItem: React.FC<AccordionItemProps> = ({
   return (
     <div className="my-2">
       <Button
+        id="expand-button"
         className={cn(
           "bg-klerosUIComponentsWhiteBackground border-klerosUIComponentsStroke border",
           "hover-medium-blue hover-short-transition hover:cursor-pointer",
-          "rounded-[3px] px-8 py-[11.5px]",
+          "rounded-[3px] px-4 py-[11.5px] md:px-8",
           "flex w-full items-center justify-between",
         )}
         onPress={() => setExpanded(expanded ? -1 : index)}
       >
         {title}
         {expanded ? (
-          <Minus className={cn("fill-klerosUIComponentsPrimaryText size-4")} />
+          <Minus
+            className={cn("fill-klerosUIComponentsPrimaryText size-4 shrink-0")}
+          />
         ) : (
-          <Plus className={cn("fill-klerosUIComponentsPrimaryText size-4")} />
+          <Plus
+            className={cn("fill-klerosUIComponentsPrimaryText size-4 shrink-0")}
+          />
         )}
       </Button>
       <div
@@ -47,7 +52,7 @@ const AccordionItem: React.FC<AccordionItemProps> = ({
           "transition-[height] duration-(--klerosUIComponentsTransitionSpeed) ease-initial",
         )}
       >
-        <div className="p-8" ref={ref}>
+        <div className="p-4 md:p-8" id="body-wrapper" ref={ref}>
           {body}
         </div>
       </div>