🎨 chore(web): apply ESLint and Prettier auto-fixes (baseline)

- Ran: bun run eslint:fix && bun run lint:fix
- Inserted AGPL license header via eslint-plugin-header
- Enforced no-multiple-empty-lines and other lint rules
- Formatted code using Prettier v3 (@so1ve/prettier-config)
- No functional changes; formatting-only baseline across JS/JSX files

web/src/components/dashboard/UptimePanel.jsx

@@ -18,9 +18,20 @@ For commercial licensing, please contact support@quantumnous.com
 */
 
 import React from 'react';
-import { Card, Button, Spin, Tabs, TabPane, Tag, Empty } from '@douyinfe/semi-ui';
+import {
+  Card,
+  Button,
+  Spin,
+  Tabs,
+  TabPane,
+  Tag,
+  Empty,
+} from '@douyinfe/semi-ui';
 import { Gauge, RefreshCw } from 'lucide-react';
-import { IllustrationConstruction, IllustrationConstructionDark } from '@douyinfe/semi-illustrations';
+import {
+  IllustrationConstruction,
+  IllustrationConstructionDark,
+} from '@douyinfe/semi-illustrations';
 import ScrollableContainer from '../common/ui/ScrollableContainer';
 
 const UptimePanel = ({
@@ -33,15 +44,15 @@ const UptimePanel = ({
   renderMonitorList,
   CARD_PROPS,
   ILLUSTRATION_SIZE,
-  t
+  t,
 }) => {
   return (
     <Card
       {...CARD_PROPS}
-      className="shadow-sm !rounded-2xl lg:col-span-1"
+      className='shadow-sm !rounded-2xl lg:col-span-1'
       title={
-        <div className="flex items-center justify-between w-full gap-2">
-          <div className="flex items-center gap-2">
+        <div className='flex items-center justify-between w-full gap-2'>
+          <div className='flex items-center gap-2'>
             <Gauge size={16} />
             {t('服务可用性')}
           </div>
@@ -49,39 +60,43 @@ const UptimePanel = ({
             icon={<RefreshCw size={14} />}
             onClick={loadUptimeData}
             loading={uptimeLoading}
-            size="small"
-            theme="borderless"
+            size='small'
+            theme='borderless'
             type='tertiary'
-            className="text-gray-500 hover:text-blue-500 hover:bg-blue-50 !rounded-full"
+            className='text-gray-500 hover:text-blue-500 hover:bg-blue-50 !rounded-full'
           />
         </div>
       }
       bodyStyle={{ padding: 0 }}
     >
       {/* 内容区域 */}
-      <div className="relative">
+      <div className='relative'>
         <Spin spinning={uptimeLoading}>
           {uptimeData.length > 0 ? (
             uptimeData.length === 1 ? (
-              <ScrollableContainer maxHeight="24rem">
+              <ScrollableContainer maxHeight='24rem'>
                 {renderMonitorList(uptimeData[0].monitors)}
               </ScrollableContainer>
             ) : (
               <Tabs
-                type="card"
+                type='card'
                 collapsible
                 activeKey={activeUptimeTab}
                 onChange={setActiveUptimeTab}
-                size="small"
+                size='small'
               >
                 {uptimeData.map((group, groupIdx) => (
                   <TabPane
                     tab={
-                      <span className="flex items-center gap-2">
+                      <span className='flex items-center gap-2'>
                         <Gauge size={14} />
                         {group.categoryName}
                         <Tag
-                          color={activeUptimeTab === group.categoryName ? 'red' : 'grey'}
+                          color={
+                            activeUptimeTab === group.categoryName
+                              ? 'red'
+                              : 'grey'
+                          }
                           size='small'
                           shape='circle'
                         >
@@ -92,7 +107,7 @@ const UptimePanel = ({
                     itemKey={group.categoryName}
                     key={groupIdx}
                   >
-                    <ScrollableContainer maxHeight="21.5rem">
+                    <ScrollableContainer maxHeight='21.5rem'>
                       {renderMonitorList(group.monitors)}
                     </ScrollableContainer>
                   </TabPane>
@@ -100,10 +115,12 @@ const UptimePanel = ({
               </Tabs>
             )
           ) : (
-            <div className="flex justify-center items-center py-8">
+            <div className='flex justify-center items-center py-8'>
               <Empty
                 image={<IllustrationConstruction style={ILLUSTRATION_SIZE} />}
-                darkModeImage={<IllustrationConstructionDark style={ILLUSTRATION_SIZE} />}
+                darkModeImage={
+                  <IllustrationConstructionDark style={ILLUSTRATION_SIZE} />
+                }
                 title={t('暂无监控数据')}
                 description={t('请联系管理员在系统设置中配置Uptime')}
               />
@@ -114,15 +131,15 @@ const UptimePanel = ({
 
       {/* 图例 */}
       {uptimeData.length > 0 && (
-        <div className="p-3 bg-gray-50 rounded-b-2xl">
-          <div className="flex flex-wrap gap-3 text-xs justify-center">
+        <div className='p-3 bg-gray-50 rounded-b-2xl'>
+          <div className='flex flex-wrap gap-3 text-xs justify-center'>
             {uptimeLegendData.map((legend, index) => (
-              <div key={index} className="flex items-center gap-1">
+              <div key={index} className='flex items-center gap-1'>
                 <div
-                  className="w-2 h-2 rounded-full"
+                  className='w-2 h-2 rounded-full'
                   style={{ backgroundColor: legend.color }}
                 />
-                <span className="text-gray-600">{legend.label}</span>
+                <span className='text-gray-600'>{legend.label}</span>
               </div>
             ))}
           </div>
@@ -132,4 +149,4 @@ const UptimePanel = ({
   );
 };
 
-export default UptimePanel; 
+export default UptimePanel;