feat: unify switch component styles and BaseDialog behavior in the UI (#4183)

* feat: unify switch component styles in the UI

* fix: prettier

* feat: unify Item styles

src/components/setting/mods/dns-viewer.tsx

@@ -11,13 +11,12 @@ import {
   MenuItem,
   Select,
   styled,
-  Switch,
   TextField,
   Typography,
 } from "@mui/material";
 import { RestartAltRounded } from "@mui/icons-material";
 import { useClash } from "@/hooks/use-clash";
-import { BaseDialog, DialogRef } from "@/components/base";
+import { BaseDialog, DialogRef, Switch } from "@/components/base";
 import yaml from "js-yaml";
 import MonacoEditor from "react-monaco-editor";
 import { useThemeMode } from "@/services/states";
@@ -26,8 +25,7 @@ import { invoke } from "@tauri-apps/api/core";
 import { showNotice } from "@/services/noticeService";
 
 const Item = styled(ListItem)(({ theme }) => ({
-  padding: "8px 0",
-  borderBottom: `1px solid ${theme.palette.divider}`,
+  padding: "5px 2px",
   "& textarea": {
     lineHeight: 1.5,
     fontSize: 14,