feat(sidepanel): 重构路由系统并优化页面加载逻辑

- 移除冗余的开发预览页面 `index.html`
- 路由配置改为声明式结构，支持自动加载 HTML 和脚本
- 新增 `data-route` 属性用于导航按钮绑定路由路径
- 实现基于事件委托的路由跳转机制
- 重写 `Router.js` 核心逻辑，支持异步加载页面模块
- 改进 `domUtils.js` 中 `addClass` 和 `removeClass` 方法兼容性与健壮性
- 新增 `scriptLoader.js` 工具模块用于动态加载和清理页面脚本
- 时间戳页面初始化方式调整为 IIFE 并挂载至全局作用域

sidepanel/js/timestamp.js

@@ -12,27 +12,29 @@ import {
 } from '../modules/eventHandlers.js';
 import { addEventListenerById } from '../utils/domUtils.js';
 
-export function init() {
-  console.log('timestamp init')
-  // 初始化时间戳显示
-  initTimestampDisplay();
+(function (global) {
+  global.timestampInit = async function () {
+    console.log('timestamp init');
+    // 初始化时间戳显示
+    initTimestampDisplay();
 
-  // 绑定事件处理器
-  // 绑定时间戳相关按钮事件
-  addEventListenerById('toggle-unit-btn', 'click', handleToggleUnit);
-  // 绑定计时器相关按钮事件
-  addEventListenerById('stop-timer-btn', 'click', handleStopTimer);
-  addEventListenerById('start-timer-btn', 'click', handleStartTimer);
-  // 绑定时间戳转换按钮事件
-  addEventListenerById('convert-timestamp-to-date-btn', 'click', handleConvertTimestamp);
-  // 绑定日期转换按钮事件
-  addEventListenerById('convert-date-to-timestamp-btn', 'click', handleConvertDateToTimestamp);
-  // 绑定复制时间戳按钮事件
-  addEventListenerById('copy-timestamp-btn', 'click', handleCopyTimestamp);
-  // 绑定关闭面板按钮事件
-  addEventListenerById('close-panel-btn', 'click', handleClosePanel);
-  // 绑定切换时区事件
-  addEventListenerById('timezone-result', 'change', handleTimezoneResult);
-  // 绑定输入时区事件
-  addEventListenerById('timezone-input', 'change', handleTimezoneInput);
-}
+    // 绑定事件处理器
+    // 绑定时间戳相关按钮事件
+    addEventListenerById('toggle-unit-btn', 'click', handleToggleUnit);
+    // 绑定计时器相关按钮事件
+    addEventListenerById('stop-timer-btn', 'click', handleStopTimer);
+    addEventListenerById('start-timer-btn', 'click', handleStartTimer);
+    // 绑定时间戳转换按钮事件
+    addEventListenerById('convert-timestamp-to-date-btn', 'click', handleConvertTimestamp);
+    // 绑定日期转换按钮事件
+    addEventListenerById('convert-date-to-timestamp-btn', 'click', handleConvertDateToTimestamp);
+    // 绑定复制时间戳按钮事件
+    addEventListenerById('copy-timestamp-btn', 'click', handleCopyTimestamp);
+    // 绑定关闭面板按钮事件
+    addEventListenerById('close-panel-btn', 'click', handleClosePanel);
+    // 绑定切换时区事件
+    addEventListenerById('timezone-result', 'change', handleTimezoneResult);
+    // 绑定输入时区事件
+    addEventListenerById('timezone-input', 'change', handleTimezoneInput);
+  };
+})(window);