feat: 添加录制功能，优化消息处理，修复拼写错误，更新下载逻辑

entrypoints/popup/pages/RecordeReplayPage.tsx

@@ -11,20 +11,31 @@ const RecordeReplayPage = () => {
       if (msg.type === messages.popup.ready) {
         setStatus(AppState.READ);
       }
-      
+
       if (msg.type === messages.popup.to.started) {
         console.log('[popup] Received started message');
         setStatus(AppState.RECORDING);
       }
 
-      if (msg.type === messages.popup.to.stoped) {
+      if (msg.type === messages.popup.to.stopped) {
         setStatus(AppState.READ);
       }
     };
 
     browser.runtime.onMessage.addListener(handleMessage);
 
-    browser.runtime.sendMessage({ type: messages.popup.checkStatus });
+    browser.runtime
+      .sendMessage({ type: messages.popup.checkStatus })
+      .then((res) => {
+        if (res?.data?.isRecording) {
+          setStatus(AppState.RECORDING);
+        } else {
+          setStatus(AppState.READ);
+        }
+      })
+      .catch((err) => {
+        console.error(err);
+      });
 
     return () => browser.runtime.onMessage.removeListener(handleMessage);
   }, []);