added height animations for accordion component

app/global.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@import "tw-animate-css";
 
 @custom-variant dark (&:where(.dark, .dark *));
 

components/retroui/Accordion.tsx

@@ -49,10 +49,10 @@ const AccordionContent = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <AccordionPrimitive.Content
     ref={ref}
-    className="overflow-hidden px-4 py-2 font-body bg-white text-gray-700 transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    className="overflow-hidden font-body bg-white text-gray-700 data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"
     {...props}
   >
-    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+    <div className={cn("px-4 pt-2 pb-4", className)}>{children}</div>
   </AccordionPrimitive.Content>
 ));
 

package.json

@@ -48,6 +48,7 @@
     "shadcn": "2.4.0-canary.10",
     "sonner": "^2.0.3",
     "tailwind-merge": "^2.5.3",
+    "tw-animate-css": "^1.3.7",
     "unist": "^0.0.1",
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",