Fix translation and add todo

apps/app/public/static/locales/en_US/translation.json

@@ -350,7 +350,7 @@
   },
   "lsx": {
     "load_more": "Load more",
-    "pages_left": "\"{{leftItemsNum}}\"pages left"
+    "pages_left": "\"{{leftItemsNum}}\" pages left"
   },
   "modal_rename": {
     "label": {

apps/app/public/static/locales/ja_JP/translation.json

@@ -383,7 +383,7 @@
   },
   "lsx": {
     "load_more": "さらに表示",
-    "pages_left": "残り\"{{leftItemsNum}}\"ページ"
+    "pages_left": "残り\"{{leftItemsNum}}\" ページ"
   },
   "modal_rename": {
     "label": {

apps/app/public/static/locales/zh_CN/translation.json

@@ -340,7 +340,7 @@
   },
   "lsx": {
     "load_more": "Load more",
-    "pages_left": "\"{{leftItemsNum}}\"pages left"
+    "pages_left": "\"{{leftItemsNum}}\" pages left"
   },
   "modal_rename": {
     "label": {

packages/remark-lsx/src/client/components/Lsx.tsx

@@ -1,7 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
 
 import { LoadingSpinner } from '@growi/ui/dist/components';
-import { useTranslation } from 'next-i18next';
 
 import { useSWRxLsx } from '../stores/lsx';
 import { generatePageNodeTree } from '../utils/page-node';
@@ -47,8 +46,6 @@ const LsxSubstance = React.memo(({
   const hasError = error != null;
   const errorMessage = error?.message;
 
-  const { t } = useTranslation();
-
   const Error = useCallback((): JSX.Element => {
     if (!hasError) {
       return <></>;
@@ -118,13 +115,20 @@ const LsxSubstance = React.memo(({
             className="btn btn btn-outline-secondary btn-load-more"
             onClick={() => setSize(size => size + 1)}
           >
+            Load more<br />
+            <span className="text-muted small start-items-label">
+              {leftItemsNum} pages left
+            </span>
+            {/* TODO: traslation
+            https://redmine.weseek.co.jp/issues/133681
+            https://redmine.weseek.co.jp/issues/140566
             {t('lsx.load_more')}<br />
-            <span className="text-muted small start-items-label">{t('lsx.pages_left')}</span>
+            <span className="text-muted small start-items-label">{t('lsx.pages_left')}</span> */}
           </button>
         </div>
       </div>
     );
-  }, [data, setSize, t]);
+  }, [data, setSize]);
 
 
   return (