feat: create UI components accordion

[yuki-92c]

Overview

• Add accordion component in the components/ui folder based on the design on Figma.

Changes

• Install checkbox component from shadcn/ui
  • https://ui.shadcn.com/docs/components/accordion
• Style the design

Review points

• The styling matches the Figma design

Screenshots or videos

• figma UI component ( landlord )

  

• figma mockup ( tenant )

  

• accordion component

  

Notes

• The contents of the accordion differs from landlord and tenant. Tenant's page needs date.

• To display date you have to set scheduleDate as a prop.

• sample code

  
  import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
  } from "@/components/ui/accordion"
  import { CircleEllipsis, Ellipsis } from "lucide-react"

export default function Home() { return (

Bathroom

mop the floor

The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax.

mop the floor

The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax.

Kitchen Yes. It comes with default styles that matches the other components' aesthetic.

); }

## Assignee Checklist:

<!-- Tick the checkboxes if you have done the following: -->

- [x] The base branch is correct (no accidental merges)
- [x] The branch name follows our branch naming rules
- [x] The PR title follows our PR title rules
- [x] My code follows our coding style
- [x] I have commented on my code, particularly in hard-to-understand areas
- [x] My changes generate no new warnings or errors in the console

## Reviewer Checklist:

<!-- Tick the checkboxes if you have done the following: -->

- [ ] Code readability and simplicity
- [ ] Follows best practices and coding standards
- [ ] Understandable and maintainable code

[yuki-92c]

thanks! and execute npm install so please review when you have time