feat: Add Accordion component with expandable panels

[Deepanshu1230]

Description

Added a new Accordion component that provides expandable/collapsible panels for organizing content.

Changes Made

• Created Accordion.tsx component with expand/collapse functionality
• Added smooth animations for panel transitions
• Implemented single-panel-open behavior (clicking one closes others)
• Added the component to components.tsx data file with preview and code examples
• Included proper TypeScript interfaces for type safety

Features

• ✅ Smooth expand/collapse animations
• ✅ Compact and rounded design
• ✅ Single active panel at a time
• ✅ Customizable items via props
• ✅ Fully responsive
• ✅ Accessible with proper ARIA attributes

ScreenShots;

Closes issue #5
Hacktoberfest'25
@fahimahammed You can Check

Usage Example

import Accordion from "@/components/ui/Accordion"

export function AccordionDemo() {
  const items = [
    {
      title: "✨ What is DevUI?",
      content: "DevUI is a modern, open-source component library..."
    }
  ]
  
  return <Accordion items={items} />
}

[github-actions]

Great job, @Deepanshu1230! Thanks for creating the pull request.
Soon the maintainers/owner will review it and provide you with feedback/suggestions.
Make sure to star this awesome repository and follow the account!

• DevUI