feat: implementing the new custom modal design (#2090)

* feat: implementing the new custom modal design

* feat: added tool variable dropdown

* fix: ui fixes and link fixes

* feat: implemented redisgn for edit prompt modal

* (feat:prompts) matching figma

* (fix:prompts) tool vars

* (fix:promptsModal) responsive; disable save on text

---------

Co-authored-by: Aqsa Aqeel <aqsa.aqeel17@example.com>
Co-authored-by: ManishMadan2882 <manishmadan321@gmail.com>

frontend/src/locale/jp.json

@@ -380,14 +380,26 @@
     },
     "prompts": {
       "addPrompt": "プロンプトを追加",
-      "addDescription": "カスタムプロンプトを追加してDocsGPTに保存",
+      "addDescription": "カスタムプロンプトを追加して DocsGPT に保存します",
       "editPrompt": "プロンプトを編集",
-      "editDescription": "カスタムプロンプトを編集してDocsGPTに保存",
+      "editDescription": "カスタムプロンプトを編集して DocsGPT に保存します",
       "promptName": "プロンプト名",
-      "promptText": "プロンプトテキスト",
+      "promptText": "プロンプトのテキスト",
       "save": "保存",
-      "nameExists": "名前が既に存在します",
-      "deleteConfirmation": "プロンプト「{{name}}」を削除してもよろしいですか？"
+      "cancel": "キャンセル",
+      "nameExists": "この名前はすでに存在します",
+      "deleteConfirmation": "プロンプト『{{name}}』を削除してもよろしいですか？",
+      "placeholderText": "ここにプロンプトのテキストを入力してください…",
+      "addExamplePlaceholder": "このテキストを要約してください：",
+      "variablesLabel": "変数",
+      "variablesSubtext": "クリックしてプロンプトに挿入",
+      "variablesDescription": "クリックしてプロンプトに挿入",
+      "systemVariables": "システム変数",
+      "toolVariables": "ツール変数",
+      "learnAboutPrompts": "プロンプトについて学ぶ →",
+      "publicPromptEditDisabled": "公開プロンプトは編集できません",
+      "promptTypePublic": "公開",
+      "promptTypePrivate": "非公開"
     },
     "chunk": {
       "add": "チャンクを追加",