feat(WEB-220): label translations

components/MyPages/Blocks/Stays/ShowMoreButton/index.tsx

@@ -1,3 +1,7 @@
+"use client"
+
+import { useIntl } from "react-intl"
+
 import Button from "@/components/TempDesignSystem/Button"
 
 import styles from "./button.module.css"
@@ -8,16 +12,17 @@ export default function ShowMoreButton({
   disabled,
   loadMoreData,
 }: ShowMoreButtonParams) {
+  const { formatMessage } = useIntl()
   return (
     <div className={styles.container}>
       <Button
         disabled={disabled}
         intent="primary"
-        theme="primaryDark"
-        type="button"
         onClick={loadMoreData}
+        theme="secondaryDark"
+        type="button"
       >
-        Show more
+        {formatMessage({ id: "Show more" })}
       </Button>
     </div>
   )