change: [M3-7668] - Right align chart tooltip data points (#10078)

## Description 📝
Right justify the chart tooltip datapoints so that they are more discernible as suggested by Kendall/Andrew

## How to test 🧪

### Prerequisites
(How to setup test environment)
- Have a Linode that's been running for a while

### Verification steps 
(How to verify changes)
- Hover over a chart (like in the Linode Details Analytics tab) to see the tooltip text. Data points should be right aligned

packages/manager/.changeset/pr-10078-changed-1705616003861.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Right align chart tooltip data points ([#10078](https://github.com/linode/manager/pull/10078))

packages/manager/src/components/AreaChart/AreaChart.tsx

@@ -15,8 +15,9 @@ import {
 } from 'recharts';
 
 import { AccessibleAreaChart } from 'src/components/AreaChart/AccessibleAreaChart';
-import { MetricsDisplayRow } from 'src/components/LineGraph/MetricsDisplay';
+import { Box } from 'src/components/Box';
 import MetricsDisplay from 'src/components/LineGraph/MetricsDisplay';
+import { MetricsDisplayRow } from 'src/components/LineGraph/MetricsDisplay';
 import { Paper } from 'src/components/Paper';
 import { StyledBottomLegend } from 'src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel';
 
@@ -94,9 +95,18 @@ export const AreaChart = (props: AreaChartProps) => {
         <StyledTooltipPaper>
           <Typography>{tooltipLabelFormatter(label, timezone)}</Typography>
           {payload.map((item) => (
-            <Typography fontFamily={theme.font.bold} key={item.dataKey}>
-              {item.dataKey}: {tooltipValueFormatter(item.value, unit)}
-            </Typography>
+            <Box
+              display="flex"
+              justifyContent="space-between"
+              key={item.dataKey}
+            >
+              <Typography fontFamily={theme.font.bold}>
+                {item.dataKey}
+              </Typography>
+              <Typography fontFamily={theme.font.bold} marginLeft={2}>
+                {tooltipValueFormatter(item.value, unit)}
+              </Typography>
+            </Box>
           ))}
         </StyledTooltipPaper>
       );