fix(MultiAccordion): restrain item trigger content within item element (#627)

Author: ariser

src/components/MultiAccordion/MultiAccordion.tsx

@@ -144,14 +144,15 @@ const MultiAccordionItem = ({
           fillWidth
           justifyContent="space-between"
           component="span"
+          overflow="hidden"
         >
-          <Text
+          <AccordionItemTitle
             component="span"
             size={customSize}
             fillWidth={fillWidth}
           >
             {title}
-          </Text>
+          </AccordionItemTitle>
           {showCheck && (
             <CustomIcon
               name={isCompleted ? "check-in-circle" : "circle"}
@@ -289,3 +290,7 @@ const AccordionContent = styled(RadixAccordion.Content)<{ $padding: PaddingOptio
   padding: ${({ theme, $padding }): string => theme.click.container.space[$padding]};
   padding-top: 0;
 `;
+
+const AccordionItemTitle = styled(Text)`
+  overflow: hidden;
+`;