refactor: 统一扩展消息机制并优化组件结构

1、统一消息系统：将 background、content 和 popup 的通信方式从原生的 chrome.runtime 迁移至 @webext-core/messaging，修复了消息回调返回 undefined 的问题。
2、优化组件结构：将通用组件从 entrypoints/popup/components 迁移至根目录 components，并使用 MUI 重构了 Navbar。
3、同步更新：调整了录制工具 (useRecorder) 和各页面组件（RecordeReplayPage, TestPage等），以适配新的消息协议和组件路径。

entrypoints/popup/pages/TestPage.tsx

@@ -3,12 +3,8 @@ import { Button } from '@mui/material';
 
 const TestPage = () => {
   const handleSeedMessage = async () => {
-    const tabs = await browser.tabs.query({ active: true, currentWindow: true });
-    tabs.forEach(async (tab) => {
-      console.log(tab.id);
-      const length = await sendMessage('getStringLength', 'hello world', tab.id);
-      console.log('字符串长度:', length);
-    });
+    const status = await sendMessage('popup:check-status');
+    console.log(`[popup]status: ${status}`);
   };
   return (
     <div>