feat:添加测试页面并优化时间戳工具

refactor: 优化时间戳转换组件及整体代码结构
chore: 更新构建配置和包依赖项

utils/messages.tsx

@@ -1,3 +1,5 @@
+import { defineExtensionMessaging } from '@webext-core/messaging';
+
 export const messages = {
   popup: {
     from: {
@@ -28,3 +30,9 @@ export const messages = {
     },
   },
 };
+
+interface ProtocolMap {
+  getStringLength(data: string): number;
+}
+
+export const { sendMessage, onMessage } = defineExtensionMessaging<ProtocolMap>();