adjust inner HTML

resource/locales/en-US/translation.json

@@ -337,7 +337,7 @@
   "template": {
     "modal_label": {
       "Create/Edit Template Page": "Create/Edit template page",
-      "Create template under": "Create template page under:<br /><code>{{path}}</code>"
+      "Create template under": "Create template page under:"
     },
     "option_label": {
       "create/edit": "Create/Edit template page..",

resource/locales/ja/translation.json

@@ -335,7 +335,7 @@
   "template": {
     "modal_label": {
       "Create/Edit Template Page": "テンプレートページの作成/編集",
-      "Create template under": "<code>{{path}}</code><br />にテンプレートページを作成"
+      "Create template under": "以下のパスにテンプレートページを作成"
     },
     "option_label": {
       "select": "テンプレートタイプを選択してください",

src/client/js/components/PageCreateModal.jsx

@@ -29,7 +29,9 @@ const PageCreateModal = (props) => {
   const [todayInput2, setTodayInput2] = useState('');
   const [pageNameInput, setPageNameInput] = useState(parentPath);
   const [template, setTemplate] = useState(null);
-
+  const encodedPath = encodeURI(path);
+  console.log(path);
+  console.log(encodedPath);
   /**
    * change todayInput1
    * @param {string} value
@@ -155,8 +157,9 @@ const PageCreateModal = (props) => {
 
         <div className="row form-group">
           <fieldset className="col-12">
-            {/* eslint-disable-next-line react/no-danger */}
-            <h3 className="grw-modal-head pb-2" dangerouslySetInnerHTML={{ __html: t('template.modal_label.Create template under', { path }) }} />
+            <h3 className="grw-modal-head pb-2">{ t('template.modal_label.Create template under')}<br />
+              <code>{path}</code>
+            </h3>
             <div className="d-flex create-page-input-container">
               <div className="create-page-input-row d-flex align-items-center">