[Electron] Allow force install on not supported device page (#1812)

* [Electron] Allow force install on not supported device page

* Update locales [skip ci]

---------

Co-authored-by: github-actions <github-actions@github.com>

src/locales/en.json

@@ -18,7 +18,9 @@
     "supportedDevices": {
       "macos": "MacOS (M1 or later)",
       "windows": "Windows (Nvidia GPU with CUDA support)"
-    }
+    },
+    "continue": "Continue",
+    "continueTooltip": "I am sure my device is supported"
   },
   "downloadGit": {
     "title": "Download git",

src/locales/ja.json

@@ -196,6 +196,8 @@
   "noTasksFoundMessage": "キューにタスクがありません。",
   "noWorkflowsFound": "ワークフローが見つかりませんでした。",
   "notSupported": {
+    "continue": "続ける",
+    "continueTooltip": "私のデバイスはサポートされていると確信しています",
     "learnMore": "詳細を見る",
     "message": "以下のデバイスのみサポートされています:",
     "reportIssue": "問題を報告",

src/locales/ru.json

@@ -196,6 +196,8 @@
   "noTasksFoundMessage": "В очереди нет задач.",
   "noWorkflowsFound": "Рабочие процессы не найдены.",
   "notSupported": {
+    "continue": "Продолжить",
+    "continueTooltip": "Я уверен, что мое устройство поддерживается",
     "learnMore": "Узнать больше",
     "message": "Поддерживаются только следующие устройства:",
     "reportIssue": "Сообщить о проблеме",

src/locales/zh.json

@@ -196,6 +196,8 @@
   "noTasksFoundMessage": "队列中没有任务。",
   "noWorkflowsFound": "未找到工作流",
   "notSupported": {
+    "continue": "继续",
+    "continueTooltip": "我确定我的设备是受支持的",
     "learnMore": "了解更多",
     "message": "仅支持以下设备：",
     "reportIssue": "报告问题",

src/views/NotSupportedView.vue

@@ -32,7 +32,15 @@
             :label="$t('notSupported.reportIssue')"
             icon="pi pi-flag"
             @click="reportIssue"
+            severity="secondary"
+          />
+          <Button
+            :label="$t('notSupported.continue')"
+            icon="pi pi-arrow-right"
+            iconPos="right"
+            @click="continueToInstall"
             severity="danger"
+            v-tooltip="$t('notSupported.continueTooltip')"
           />
         </div>
       </div>
@@ -51,6 +59,7 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
+import { useRouter } from 'vue-router'
 
 const openDocs = () => {
   window.open(
@@ -62,4 +71,9 @@ const openDocs = () => {
 const reportIssue = () => {
   window.open('https://forum.comfy.org/c/v1-feedback/', '_blank')
 }
+
+const router = useRouter()
+const continueToInstall = () => {
+  router.push('/install')
+}
 </script>