refactor(removed accordion test page): removed page used for displaying test cases

pages/accordion-test.tsx

-import {
-  Accordion,
-  AccordionItem,
-  AccordionItemHeading,
-  AccordionItemButton,
-  AccordionItemPanel,
-} from '@/shared/Accordion';
-
-const AccordionPage = (): JSX.Element => (
-  <div>
-    <div className="w-52 bg-primary-100  p-10">
-      <div className="bg-white">
-        <Accordion allowZeroExpanded>
-          <AccordionItem>
-            <AccordionItemHeading>
-              <AccordionItemButton>What harsh truths do you prefer to ignore?</AccordionItemButton>
-            </AccordionItemHeading>
-            <AccordionItemPanel>
-              <p>
-                Exercitation in fugiat est ut ad ea cupidatat ut in cupidatat occaecat ut occaecat
-                consequat est minim minim esse tempor laborum consequat esse adipisicing eu
-                reprehenderit enim.
-              </p>
-            </AccordionItemPanel>
-          </AccordionItem>
-        </Accordion>
-      </div>
-    </div>
-  </div>
-);
-
-export default AccordionPage;

src/shared/Accordion/AccordionItem/AccordionItem.component.tsx

+import { twMerge } from 'tailwind-merge';
 import { AccordionItem as AccItem } from 'react-accessible-accordion';
 
 interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -5,20 +6,21 @@ interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
   activeClassName?: string;
   dangerouslySetExpanded?: boolean;
   children: React.ReactNode;
+  className?: string;
 }
 
 export const AccordionItem = ({
   uuid: customUuid,
   dangerouslySetExpanded,
   children,
+  className,
   ...rest
 }: AccordionItemProps): JSX.Element => (
   <AccItem
     uuid={customUuid}
     dangerouslySetExpanded={dangerouslySetExpanded}
+    className={twMerge('border-b', className)}
     {...rest}
-    className="border-b"
-    activeClassName=""
   >
     {children}
   </AccItem>