Handle import errors in popup data restore

Wrap the popup import flow in a try/catch so file read, JSON parse, and storage errors no longer surface as unhandled promise rejections.

Keep the successful import path unchanged and show a simple user-facing error when restoring data fails.

Author: PeterDaveHello

src/popup/sections/GeneralPart.jsx

@@ -568,13 +568,27 @@ export function GeneralPart({ config, updateConfig, setTabIndex }) {
               input.click()
             })
             if (!file) return
-            const data = await new Promise((resolve) => {
-              const reader = new FileReader()
-              reader.onload = (e) => resolve(JSON.parse(e.target.result))
-              reader.readAsText(file)
-            })
-            await importDataIntoStorage(Browser.storage.local, data)
-            window.location.reload()
+            try {
+              const data = await new Promise((resolve, reject) => {
+                const reader = new FileReader()
+                reader.onload = (e) => {
+                  try {
+                    resolve(JSON.parse(e.target.result))
+                  } catch (error) {
+                    reject(error)
+                  }
+                }
+                reader.onerror = () => {
+                  reject(reader.error || new Error('Failed to read import file'))
+                }
+                reader.readAsText(file)
+              })
+              await importDataIntoStorage(Browser.storage.local, data)
+              window.location.reload()
+            } catch (error) {
+              console.error('[popup] Failed to import data', error)
+              window.alert(`${t('Error')}: ${error.message || error}`)
+            }
           }}
         >
           {t('Import All Data')}