refactor(frontend): 优化公共组件和布局组件

- 更新 Logo 相关组件 (AetherLogo, HeaderLogo, RippleLogo 等)
- 优化图表组件 (BarChart, LineChart, ScatterChart)
- 改进公共组件 (AlertDialog, EmptyState, LoadingState)
- 调整布局组件 (AppShell, SidebarNav, PageHeader 等)
- 优化 ActivityHeatmap 统计组件

frontend/src/components/HeaderLogo.vue

@@ -7,8 +7,8 @@
     <svg 
       xmlns="http://www.w3.org/2000/svg" 
       viewBox="0 0 799.31 752.14"
+      class="transition-colors duration-500 ease-out"
       :class="[
-        'transition-colors duration-500 ease-out',
         logoClass
       ]"
     >
@@ -32,7 +32,7 @@ const props = withDefaults(defineProps<Props>(), {
   className: ''
 })
 
-const containerClass = props.size + ' ' + props.className
+const containerClass = `${props.size  } ${  props.className}`
 const logoClass = 'w-full h-full'
 </script>