refactor: 批量优化前端页面样式与组件交互

1. 统一调整表单组件label-width为100px，移除分页默认内边距
2. 新增表格按钮悬浮动效，优化弹窗抽屉样式与交互
3. 重构仪表盘页面，迁移旧演示组件到首页
4. 调整日志详情项排序与表单重置逻辑
5. 优化缓存监控图表样式与布局

frontend/web/src/styles/core/el-ui.scss

@@ -120,11 +120,11 @@ html.dark .el-card {
   .el-dialog__title {
     font-size: 16px;
   }
-}
+}    
 
 .el-dialog__body {
   position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
-  padding: 25px 0 !important;
+  padding: 12px 0px !important;
 }
 
 .el-dialog.el-dialog-border {
@@ -151,6 +151,16 @@ html.dark .el-card {
   }
 }
 
+.el-drawer__header {
+  padding: 12px 8px !important;
+  margin-bottom: 2px !important;
+} 
+
+.el-drawer__body {
+  position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
+  padding: 0px 8px !important;
+}
+
 // el-message 样式优化
 .el-message {
   background-color: var(--default-box-color) !important;

frontend/web/src/styles/fa-table.scss

@@ -9,7 +9,6 @@
     flex: 1;
     min-height: 0;
     padding-top: 10px;
-    overflow: hidden;
 
     // VueDraggable 透传高度，确保 ElTable height: 100% 能正确解析
     > * {
@@ -104,6 +103,15 @@
   }
 }
 
+// 表格按钮悬浮效果
+.hover-btn {
+  &:hover {
+    transform: translateY(-2px) scale(1.05);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    filter: brightness(1.1);
+  }
+}
+
 // 移动端分页
 @media (width <= 640px) {
   :deep(.el-pagination) {