fix: resolve rendering issue caused by duplicate node names

UPDATELOG.md

@@ -14,6 +14,7 @@
  - MacOS 托盘速率显示不全
  - Linux 在系统服务模式下无法拉起 Mihomo 内核
  - 使用异步操作，避免获取系统信息和切换代理模式可能带来的崩溃
+ - 相同节点名称可能导致的页面渲染出错
 
 #### 新增了：
  - Clash Verge Rev 从现在开始不再强依赖系统服务和管理权限

src/components/home/current-proxy-card.tsx

@@ -567,14 +567,14 @@ export const CurrentProxyCard = () => {
             >
               {isDirectMode
                 ? null
-                : proxyOptions.map((proxy) => {
+                : proxyOptions.map((proxy, index) => {
                     const delayValue = delayManager.getDelayFix(
                       state.proxyData.records[proxy.name],
                       state.selection.group,
                     );
                     return (
                       <MenuItem
-                        key={proxy.name}
+                        key={`${proxy.name}-${index}`}
                         value={proxy.name}
                         sx={{
                           display: "flex",

src/components/proxy/provider-button.tsx

@@ -158,7 +158,7 @@ export const ProviderButton = () => {
       >
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">
-            <Typography variant="h6">{t("Proxy Providers")}</Typography>
+            <Typography variant="h6">{t("Proxy Provider")}</Typography>
             <Box>
               <Button
                 variant="contained"
@@ -212,7 +212,6 @@ export const ProviderButton = () => {
                         backgroundColor: bgcolor,
                         "&:hover": {
                           backgroundColor: hoverColor,
-                          borderColor: alpha(primary.main, 0.3)
                         }
                       };
                     }

src/components/proxy/use-render-list.ts

@@ -161,9 +161,9 @@ export const useRenderList = (mode: string) => {
           });
         } else if (col > 1) {
           return ret.concat(
-            groupProxies(proxies, col).map((proxyCol) => ({
+            groupProxies(proxies, col).map((proxyCol, colIndex) => ({
               type: 4,
-              key: `col-${group.name}-${proxyCol[0].name}`,
+              key: `col-${group.name}-${proxyCol[0].name}-${colIndex}`,
               group,
               headState,
               col,