adjust tab section size for larger screens

dashboard/src/main/home/Home.tsx

@@ -605,7 +605,7 @@ export default withRouter(withAuth(Home));
 const ViewWrapper = styled.div`
   height: 100%;
   width: 100vw;
-  padding-top: 90px;
+  padding-top: 10vh;
   overflow-y: auto;
   display: flex;
   flex: 1;

dashboard/src/main/home/cluster-dashboard/expanded-chart/GraphSection.tsx

@@ -48,7 +48,8 @@ GraphSection.contextType = Context;
 
 const StyledGraphSection = styled.div`
   width: 100%;
-  height: 450px;
+  min-height: 450px;
+  height: 50vh;
   font-size: 13px;
   overflow: hidden;
   border-radius: 10px;

dashboard/src/main/home/cluster-dashboard/expanded-chart/ListSection.tsx

@@ -142,7 +142,8 @@ const StyledListSection = styled.div`
   display: flex;
   font-size: 13px;
   width: 100%;
-  height: 450px;
+  min-height: 450px;
+  height: 50vh;
   font-size: 13px;
   overflow: hidden;
   border-radius: 10px;

dashboard/src/main/home/cluster-dashboard/expanded-chart/ValuesYaml.tsx

@@ -119,7 +119,8 @@ const StyledValuesYaml = styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: 450px;
+  min-height: 450px;
+  height: 50vh;
   font-size: 13px;
   overflow: hidden;
   border-radius: 10px;

dashboard/src/main/home/cluster-dashboard/expanded-chart/metrics/MetricsSection.tsx

@@ -679,7 +679,9 @@ const MetricsLabel = styled.div`
 
 const StyledMetricsSection = styled.div`
   width: 100%;
-  height: 450px;
+  min-height: 450px;
+  height: 50vh;
+  overflow: hidden;
   display: flex;
   flex-direction: column;
   position: relative;

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/StatusSection.tsx

@@ -154,7 +154,8 @@ const StyledStatusSection = styled.div`
   user-select: text;
   overflow: hidden;
   width: 100%;
-  height: 450px;
+  min-height: 450px;
+  height: 50vh;
   font-size: 13px;
   overflow: hidden;
   border-radius: 10px;