chore: update info & i18n

src/components/setting/setting-clash.tsx

@@ -1,19 +1,10 @@
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
-import {
-  TextField,
-  Select,
-  MenuItem,
-  Typography,
-  Tooltip,
-  IconButton,
-} from "@mui/material";
-
+import { TextField, Select, MenuItem, Typography } from "@mui/material";
 import {
   SettingsRounded,
   ShuffleRounded,
   LanRounded,
-  InfoRounded,
 } from "@mui/icons-material";
 import { DialogRef, Notice, Switch } from "@/components/base";
 import { useClash } from "@/hooks/use-clash";
@@ -122,11 +113,10 @@ const SettingClash = ({ onError }: Props) => {
       <SettingItem
         label={t("Unified Delay")}
         extra={
-          <Tooltip title={t("Unified Delay Info")} placement="top">
-            <IconButton color="inherit" size="small">
-              <InfoRounded fontSize="inherit" sx={{ opacity: 0.75 }} />
-            </IconButton>
-          </Tooltip>
+          <TooltipIcon
+            title={t("Unified Delay Info")}
+            sx={{ opacity: "0.7" }}
+          />
         }
       >
         <GuardState
@@ -141,7 +131,12 @@ const SettingClash = ({ onError }: Props) => {
         </GuardState>
       </SettingItem>
 
-      <SettingItem label={t("Log Level")}>
+      <SettingItem
+        label={t("Log Level")}
+        extra={
+          <TooltipIcon title={t("Log Level Info")} sx={{ opacity: "0.7" }} />
+        }
+      >
         <GuardState
           // clash premium 2022.08.26 值为warn
           value={logLevel === "warn" ? "warning" : logLevel ?? "info"}