Develop (#15)

* docs: 添加组件文档注释和类型导入

refactor: 统一使用 SnackbarOptions 类型
style: 优化导入语句顺序和格式

* refactor: 简化假数据生成器中的faker导入和使用

Co-authored-by: Copilot <copilot@github.com>

* feat(form-recognizer): 增强表单识别功能并优化UI交互

- 新增字段类型偏好设置功能，支持按域名保存字段类型
- 重构FieldList组件，改进字段选择和类型修改体验
- 添加字段定位闪烁功能，便于在页面上快速找到对应字段
- 优化表单填充逻辑，支持单个字段覆盖默认填充模式
- 移除独立的侧边栏页面，统一使用主页面组件
- 改进useStorageState钩子，增加加载状态管理和防抖处理

* refactor: 移除未使用的组件文件

* refactor(页面头部): 提取通用 PageHeader 组件并替换各页面头部实现

重构各页面头部为统一的 PageHeader 组件，提高代码复用性和维护性

* style(组件): 调整自动刷新开关和存储选项网格的样式

优化自动刷新开关的文本内边距，重构存储选项网格的布局结构，调整间距和边框样式

* style(ui): 调整时间戳页面和结果视图的样式

- 为时区选择器添加圆角
- 优化结果视图的布局和对齐方式
- 调整结果项的内边距和文本样式

* ci(workflow): 移除Firefox测试以简化CI流程

仅保留Chrome浏览器的构建步骤，减少CI运行时间和资源消耗

utils/useStorageState.ts

@@ -1,28 +1,37 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { storageUtil } from '@/utils/chromeStorage';
+import type { StorageSchema } from '@/types/storage';
 
-export const useStorageState = (
-  key: 'qrCode/urlExpanded' | 'qrCode/qrExpanded',
-  defaultValue: boolean,
+export const useStorageState = <K extends keyof StorageSchema>(
+  key: K,
+  defaultValue: StorageSchema[K],
 ) => {
   const [value, setValue] = useState(defaultValue);
   const [isInitialized, setIsInitialized] = useState(false);
+  const hasLoadedFromStorage = useRef(false);
 
+  // Only load from storage once on mount
   useEffect(() => {
+    if (hasLoadedFromStorage.current) return;
+
     const loadState = async () => {
       try {
         const savedValue = await storageUtil.get(key, defaultValue);
-        setValue(savedValue ?? defaultValue);
+        if (savedValue !== undefined) {
+          setValue(savedValue);
+        }
       } catch (error) {
         console.error(`加载状态失败 (${key}):`, error);
       } finally {
         setIsInitialized(true);
+        hasLoadedFromStorage.current = true;
       }
     };
 
     loadState();
-  }, [key, defaultValue]);
+  }, [key]); // eslint-disable-line react-hooks/exhaustive-deps -- defaultValue intentionally excluded to prevent infinite loops
 
+  // Save to storage when value changes (after initial load)
   useEffect(() => {
     if (!isInitialized) return;