fix: [DI-24413] - Bug fixes on the dashboard UI

packages/manager/.changeset/pr-11968-fixed-1743780227804.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Update grid width in CloudPulseDashboardLanding.tsx, Change time range preference key in GlobalFilter.tsx, Change maxHeight of applied filter box to 78px in  CloudPulseAppliedFilter.tsx ([#11968](https://github.com/linode/manager/pull/11968))

packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx

@@ -82,13 +82,15 @@ export const CloudPulseDashboardLanding = () => {
   );
   return (
     <React.Suspense fallback={<SuspenseLoader />}>
-      <LandingHeader
-        breadcrumbProps={{ pathname: '/metrics' }}
-        docsLabel="Docs"
-        docsLink="https://techdocs.akamai.com/cloud-computing/docs/akamai-cloud-pulse"
-      />
       <DocumentTitleSegment segment="Dashboards" />
-      <Grid container spacing={2}>
+      <Grid container spacing={2} sx={{ width: 'inherit !important' }}>
+        <Grid item xs>
+          <LandingHeader
+            breadcrumbProps={{ pathname: '/metrics' }}
+            docsLabel="Docs"
+            docsLink="https://techdocs.akamai.com/cloud-computing/docs/akamai-cloud-pulse"
+          />
+        </Grid>
         <Grid item xs={12}>
           <Paper sx={{ padding: 0 }}>
             <Box display="flex" flexDirection="column">

packages/manager/src/features/CloudPulse/Overview/GlobalFilters.tsx

@@ -113,7 +113,7 @@ export const GlobalFilters = React.memo((props: GlobalFilterProperties) => {
             gap={2}
           >
             <CloudPulseDateTimeRangePicker
-              defaultValue={preferences?.timeRange}
+              defaultValue={preferences?.[TIME_DURATION]}
               handleStatsChange={handleTimeRangeChange}
               savePreferences
             />

packages/manager/src/features/CloudPulse/shared/CloudPulseAppliedFilter.tsx

@@ -21,7 +21,7 @@ export const CloudPulseAppliedFilter = (
       display="flex"
       flexDirection={{ sm: 'row', xs: 'column' }}
       flexWrap={{ sm: 'wrap' }}
-      maxHeight="70px"
+      maxHeight="78px"
       mb={2}
       mx={3}
       pb={2}