[BUG] Visual bug if the node has more than 1000 GB

[n313893254]

Describe the bug

When a node has more than 1TB of RAM there is a visual bug in UI. UI displays memory size correctly, but on nodes with >1TB od RAM the formatting is broken and info takes 2 lines.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Host list page
2. Check the host memory size

Expected behavior

UI should display memory size correctly formatted even on nodes with a lot of memory.

Support bundle

Environment

• Harvester ISO version: SUSE Harvester 1.1.1
• Underlying Infrastructure (e.g. Baremetal with Dell PowerEdge R630):

Additional context
Add any other context about the problem here.

[harvesterhci-io-github-bot]

Pre Ready-For-Testing Checklist

• [ ] If labeled: require/HEP Has the Harvester Enhancement Proposal PR submitted?
  The HEP PR is at:

• Where is the reproduce steps/test steps documented?
  The reproduce steps/test steps are at: [BUG] Visual bug if the node has more than 1000 GB #3607 (comment)

• [ ] Is there a workaround for the issue? If so, where is it documented?
  The workaround is at:

• [ ] Have the backend code been merged (harvester, harvester-installer, etc) (including backport-needed/*)?
  The PR is at:

  • Does the PR include the explanation for the fix or the feature?

  • Does the PR include deployment change (YAML/Chart)? If so, where are the PRs for both YAML file and Chart?
    The PR for the YAML change is at:
    The PR for the chart change is at:

• If labeled: area/ui Has the UI issue filed or ready to be merged?
  The UI issue/PR is at: HARVESTER: configure column min-width dashboard#678

• [ ] If labeled: require/doc, require/knowledge-base Has the necessary document PR submitted or merged?
  The documentation/KB PR is at:

• If NOT labeled: not-require/test-plan Has the e2e test plan been merged? Have QAs agreed on the automation test case? If only test case skeleton w/o implementation, have you created an implementation issue?

  • The automation skeleton PR is at:
  • The automation test case PR is at:

• If the fix introduces the code for backward compatibility Has a separate issue been filed with the label release/obsolete-compatibility?
  The compatibility issue is filed at:

[TachunLin]

Verifing fixed on master-2ba017d4-head (05/05). Close this issue.

Result

• When the nodes contains cpu, memory and disk size between 1000 GiB to 1023GiB ( four digits), the node resource column display layout should display correctly without wrapping to the newline
  

• And on edge case, we can also set the the cpu, memory and disk size to extremely large digits (10 digits) , the node resource column display layout should display correctly without wrapping to the newline
  

Test Information

• Test Environment: single node harvester on local kvm machine
• Harvester version: master-2ba017d4-head (05/05)

Verify Steps

1. Use ipxe-example to provision Harvester cluster
2. edit settings.yml
3. Set cluster.disk_size to 1145G
4. Check the host page after Harvester cluster provisioning ready
5. Use developer tool to change the value of Reserved and Used CPU, Memory and Storage size
6. Check the host page for the layout