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运行时间和资源消耗

entrypoints/popup/pages/components/StorageOptionsGrid.tsx

@@ -26,77 +26,79 @@ export default function StorageOptionsGrid({
         border: '1px solid',
         borderColor: 'grey.100',
         borderRadius: 4,
-        p: 1.2,
         bgcolor: 'background.paper',
         boxShadow: '0 4px 12px rgba(0, 0, 0, 0.05)',
         transition: 'all 0.2s',
+        overflow: 'hidden',
         '&:hover': {
           boxShadow: '0 6px 16px rgba(0, 0, 0, 0.08)',
         },
       }}
     >
-      <Grid container spacing={1.5}>
-        <Grid size={6}>
-          <OptionItem
-            label="LocalStorage"
-            checked={options.localStorage}
-            size={sizes.localStorage}
-            onChange={() => onOptionChange('localStorage')}
-          />
+      <Box sx={{ p: 1.2 }}>
+        <Grid container spacing={1.5}>
+          <Grid size={6}>
+            <OptionItem
+              label="LocalStorage"
+              checked={options.localStorage}
+              size={sizes.localStorage}
+              onChange={() => onOptionChange('localStorage')}
+            />
+          </Grid>
+          <Grid size={6}>
+            <OptionItem
+              label="Session Storage"
+              checked={options.sessionStorage}
+              size={sizes.sessionStorage}
+              onChange={() => onOptionChange('sessionStorage')}
+            />
+          </Grid>
+          <Grid size={6}>
+            <OptionItem
+              label="IndexedDB"
+              checked={options.indexedDB}
+              size={sizes.indexedDB}
+              onChange={() => onOptionChange('indexedDB')}
+            />
+          </Grid>
+          <Grid size={6}>
+            <OptionItem
+              label="Cookies"
+              checked={options.cookies}
+              size={sizes.cookies}
+              onChange={() => onOptionChange('cookies')}
+            />
+          </Grid>
+          <Grid size={6}>
+            <OptionItem
+              label="Cache Storage"
+              checked={options.cacheStorage}
+              size={sizes.cacheStorage}
+              isCount
+              onChange={() => onOptionChange('cacheStorage')}
+            />
+          </Grid>
+          <Grid size={6}>
+            <OptionItem
+              label="Service Workers"
+              checked={options.serviceWorkers}
+              size={sizes.serviceWorkers}
+              isCount
+              onChange={() => onOptionChange('serviceWorkers')}
+            />
+          </Grid>
         </Grid>
-        <Grid size={6}>
-          <OptionItem
-            label="Session Storage"
-            checked={options.sessionStorage}
-            size={sizes.sessionStorage}
-            onChange={() => onOptionChange('sessionStorage')}
-          />
-        </Grid>
-        <Grid size={6}>
-          <OptionItem
-            label="IndexedDB"
-            checked={options.indexedDB}
-            size={sizes.indexedDB}
-            onChange={() => onOptionChange('indexedDB')}
-          />
-        </Grid>
-        <Grid size={6}>
-          <OptionItem
-            label="Cookies"
-            checked={options.cookies}
-            size={sizes.cookies}
-            onChange={() => onOptionChange('cookies')}
-          />
-        </Grid>
-        <Grid size={6}>
-          <OptionItem
-            label="Cache Storage"
-            checked={options.cacheStorage}
-            size={sizes.cacheStorage}
-            isCount
-            onChange={() => onOptionChange('cacheStorage')}
-          />
-        </Grid>
-        <Grid size={6}>
-          <OptionItem
-            label="Service Workers"
-            checked={options.serviceWorkers}
-            size={sizes.serviceWorkers}
-            isCount
-            onChange={() => onOptionChange('serviceWorkers')}
-          />
-        </Grid>
-      </Grid>
-      <Divider sx={{ my: 1.2, borderColor: 'grey.100' }} />
+      </Box>
+      <Divider sx={{ mx: 0, borderColor: 'grey.100' }} />
       <Box
         sx={{
           display: 'flex',
           justifyContent: 'space-between',
           alignItems: 'center',
-          px: 1.5,
-          py: 0.6,
-          bgcolor: 'rgba(0, 0, 0, 0.02)',
-          borderRadius: 2,
+          px: 2.7,
+          py: 0.8,
+          borderBottomLeftRadius: 4,
+          borderBottomRightRadius: 4,
           transition: 'all 0.2s',
           '&:hover': {
             bgcolor: 'rgba(0, 0, 0, 0.04)',
@@ -106,7 +108,7 @@ export default function StorageOptionsGrid({
         <Typography
           variant="body2"
           fontWeight={700}
-          sx={{ color: 'text.secondary', fontSize: '0.7rem' }}
+          sx={{ color: 'text.secondary', fontSize: '0.7rem', px: 0 }}
         >
           全选所有项
         </Typography>
@@ -118,6 +120,7 @@ export default function StorageOptionsGrid({
           color="warning"
           sx={{
             p: 0.6,
+            mr: 0,
             '& .MuiSvgIcon-root': {
               fontSize: 18,
               transition: 'transform 0.2s',