change: [UIE-9919] - Address post-demo feedback for Network Load Balancers (#13250)

* change: [UIE-9919] - Address post-demo feedback(points 1-3)

* Added changeset: NLB post-demo feedback-fix empty state title casing,rename LKE-E to Cluster and adjust column visibility for smaller screens to prioritize IPv6

Author: tanushree-akamai

packages/manager/.changeset/pr-13250-changed-1767855983742.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+NLB post-demo feedback-fix empty state title casing,rename LKE-E to Cluster and adjust column visibility for smaller screens to prioritize IPv6 ([#13250](https://github.com/linode/manager/pull/13250))

packages/manager/src/features/NetworkLoadBalancers/NetworkLoadBalancersDetail/NetworkLoadBalancerDetailBody.tsx

@@ -59,11 +59,11 @@ export const NetworkLoadBalancerDetailBody = (
               {regionLabel}
             </Box>
             <Box>
-              <StyledTypography>LKE-E Cluster</StyledTypography>
+              <StyledTypography>Cluster</StyledTypography>
               {lkeCluster ? (
                 <>
                   <Link
-                    accessibleAriaLabel={`LKE-E Cluster ${lkeCluster.label}`}
+                    accessibleAriaLabel={`Cluster ${lkeCluster.label}`}
                     className="secondaryLink"
                     to={`/kubernetes/clusters/${lkeCluster.id}`}
                   >

packages/manager/src/features/NetworkLoadBalancers/NetworkLoadBalancersDetail/NetworkLoadBalancersDetail.test.tsx

@@ -97,7 +97,7 @@ describe('NetworkLoadBalancersDetail', () => {
     expect(getByText('Region')).toBeVisible();
     expect(getByText('US, Newark, NJ')).toBeVisible();
 
-    expect(getByText('LKE-E Cluster')).toBeVisible();
+    expect(getByText('Cluster')).toBeVisible();
     expect(getByText('None')).toBeVisible();
 
     expect(getByText('Network Load Balancer ID')).toBeVisible();
@@ -121,7 +121,7 @@ describe('NetworkLoadBalancersDetail', () => {
 
     const { getByText } = renderWithTheme(<NetworkLoadBalancersDetail />);
 
-    expect(getByText('LKE-E Cluster')).toBeVisible();
+    expect(getByText('Cluster')).toBeVisible();
     expect(getByText(nlbFactory.lke_cluster!.label)).toBeVisible();
     expect(
       getByText(`(ID: ${nlbFactory.lke_cluster!.id})`, {

packages/manager/src/features/NetworkLoadBalancers/NetworkLoadBalancersLanding/NetworkLoadBalancerTableRow.tsx

@@ -67,18 +67,18 @@ export const NetworkLoadBalancerTableRow = (props: NetworkLoadBalancer) => {
       <TableCell data-qa-ports>
         <PortsDisplay ports={portStrings} />
       </TableCell>
-      <TableCell data-qa-ipv4>
-        <IPAddress ips={[address_v4]} isHovered={isHovered} />
-      </TableCell>
       <Hidden mdDown>
-        <TableCell data-qa-ipv6>
-          {address_v6 ? (
-            <IPAddress ips={[address_v6]} isHovered={isHovered} />
-          ) : (
-            'None'
-          )}
+        <TableCell data-qa-ipv4>
+          <IPAddress ips={[address_v4]} isHovered={isHovered} />
         </TableCell>
       </Hidden>
+      <TableCell data-qa-ipv6>
+        {address_v6 ? (
+          <IPAddress ips={[address_v6]} isHovered={isHovered} />
+        ) : (
+          'None'
+        )}
+      </TableCell>
       <TableCell data-qa-lke-cluster>
         {lke_cluster ? (
           <Link

packages/manager/src/features/NetworkLoadBalancers/NetworkLoadBalancersLanding/NetworkLoadBalancersLanding.tsx

@@ -84,11 +84,11 @@ export const NetworkLoadBalancersLanding = () => {
               <TableCell>ID</TableCell>
             </Hidden>
             <TableCell>Listener Ports</TableCell>
-            <TableCell>Virtual IP (IPv4)</TableCell>
             <Hidden mdDown>
-              <TableCell>Virtual IP (IPv6)</TableCell>
+              <TableCell>Virtual IP (IPv4)</TableCell>
             </Hidden>
-            <TableCell>LKE-E Cluster</TableCell>
+            <TableCell>Virtual IP (IPv6)</TableCell>
+            <TableCell>Cluster</TableCell>
             <Hidden mdDown>
               <TableCell>Region</TableCell>
             </Hidden>

packages/manager/src/features/NetworkLoadBalancers/NetworkLoadBalancersLanding/NetworkLoadBalancersLandingEmptyState.tsx

@@ -30,7 +30,7 @@ export const NetworkLoadBalancersLandingEmptyState = () => {
         ]}
         icon={NetworkIcon}
         isEntity
-        subtitle="High Capacity load balancing service"
+        subtitle="High capacity network load balancing service"
         title="Network Load Balancer"
       >
         <Typography variant="subtitle1">