fix: remove css infinite animation to improve perf

Signed-off-by: Innei <[email protected]>

Author: Innei

src/components/layout/header/internal/Activity.tsx

@@ -45,12 +45,11 @@ const appDescription = {
   'Microsoft PowerPoint': '画饼',
   SimplyPiano: '练琴',
 
-  "Microsoft Edge": '看b站',
+  'Microsoft Edge': '看b站',
   umamusume: '启动！',
   WindowsTerminal: 'del /f /s /q c:/ (不是',
-  "卡拉彼丘": '启动！',
-  "Yuanshen.exe": '启动！',
-
+  卡拉彼丘: '启动！',
+  'Yuanshen.exe': '启动！',
 } as any
 const appLabels: { [app: string]: string } = {
   'Activity Monitor': 'activity',
@@ -130,13 +129,13 @@ const appLabels: { [app: string]: string } = {
 
   cmusic: 'cmusic',
 
-  "Microsoft Edge": "edge",
+  'Microsoft Edge': 'edge',
   firefox: 'firefox',
   idea64: 'idea',
-  "Explorer.EXE": 'windows_explorer',
+  'Explorer.EXE': 'windows_explorer',
   WindowsTerminal: 'windows_terminal',
-  "卡拉彼丘": "calatopia",
-  "Yuanshen.exe": "genshin",
+  卡拉彼丘: 'calatopia',
+  'Yuanshen.exe': 'genshin',
 }
 // autocorrect: true
 export const Activity = memo(() => {
@@ -203,7 +202,7 @@ export const Activity = memo(() => {
       {!!media && (
         <m.div className="absolute bottom-0 left-0 top-0 z-[10] flex items-center lg:left-[-30px]">
           <div className="absolute inset-0 z-[-1] flex center">
-            <div className="h-6 w-6 animate-ping rounded-md ring-2 ring-uk-red-dark" />
+            <div className="h-6 w-6 rounded-md ring-2 ring-red-500 dark:ring-red-400" />
           </div>
           <FloatPopover
             TriggerComponent={TriggerComponent}