fix(portal-web): 门户系统仪表盘区分停用集群和集群不可连接时的页面渲染 (#1285)

### 问题

在集群停用中，结合在线集群数据，在集群没有停用但是没有获得集群的返回信息时也将页面渲染为了无可用集群
与原有页面样式不一致

![image](https://github.com/PKUHPC/SCOW/assets/43978285/0bf61f81-695d-44ce-a620-e47bd1f88e71)

### 修复后

集群全部停用时的页面

![image](https://github.com/PKUHPC/SCOW/assets/43978285/9cf54fae-dd00-40ce-9c41-c7679d1b5540)

集群未停用但特殊原因导致无信息返回时

![image](https://github.com/PKUHPC/SCOW/assets/43978285/d652da94-d19e-4da7-8821-4af70d9e8301)

.changeset/clean-falcons-attack.md

@@ -0,0 +1,5 @@
+---
+"@scow/portal-web": patch
+---
+
+修复集群未停用但数据无法获取时的仪表盘页面显示

apps/portal-web/src/pageComponents/dashboard/OverviewTable.tsx

@@ -17,6 +17,7 @@ import { Table, Tag } from "antd";
 import React, { useMemo, useState } from "react";
 import { Localized, prefix, useI18n, useI18nTranslateToString } from "src/i18n";
 import { InfoPanes } from "src/pageComponents/dashboard/InfoPanes";
+import { Cluster } from "src/utils/cluster";
 import { compareWithUndefined } from "src/utils/dashboard";
 import { styled } from "styled-components";
 
@@ -32,6 +33,7 @@ export interface ClusterInfo extends PartitionInfo {
 interface Props {
   clusterInfo: ClusterInfo[];
   failedClusters: ({clusterName: I18nStringType})[];
+  currentClusters: Cluster[];
   isLoading: boolean;
 }
 
@@ -88,7 +90,7 @@ const Container = styled.div`
 
 const p = prefix("pageComp.dashboard.overviewTable.");
 
-export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, isLoading }) => {
+export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, currentClusters, isLoading }) => {
   const t = useI18nTranslateToString();
   const languageId = useI18n().currentLanguage.id;
 
@@ -104,7 +106,7 @@ export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, is
   };
 
   return (
-    (isLoading || clusterInfo.length > 0) ? (
+    (isLoading || currentClusters.length > 0) ? (
       <Container>
         <Table
           title={() => t(p("title"))}

apps/portal-web/src/pages/dashboard.tsx

@@ -114,6 +114,7 @@ export const DashboardPage: NextPage<Props> = requireAuth(() => true)(() => {
         isLoading={isLoading}
         clusterInfo={data?.clustersInfo ? data.clustersInfo.map((item, idx) => ({ ...item, id:idx })) : []}
         failedClusters={data?.failedClusters ?? []}
+        currentClusters={currentClusters}
       />
     </DashboardPageContent>
   );