refactor(SW-194): use design system button

components/TempDesignSystem/ShowMoreButton/index.tsx

@@ -16,6 +16,8 @@ export default function ShowMoreButton({
   intent,
   disabled,
   showLess,
+  textShowMore = "Show less",
+  textShowLess = "Show more",
   loadMoreData,
 }: ShowMoreButtonProps) {
   const intl = useIntl()
@@ -36,7 +38,7 @@ export default function ShowMoreButton({
         intent="text"
       >
         <ChevronDownIcon className={styles.icon} />
-        {intl.formatMessage({ id: showLess ? "Show less" : "Show more" })}
+        {intl.formatMessage({ id: showLess ? textShowLess : textShowMore })}
       </Button>
     </div>
   )

components/TempDesignSystem/ShowMoreButton/showMoreButton.ts

@@ -7,5 +7,7 @@ export interface ShowMoreButtonProps
     VariantProps<typeof showMoreButtonVariants> {
   disabled?: boolean
   showLess?: boolean
+  textShowMore?: string
+  textShowLess?: string
   loadMoreData: () => void
 }