Finished Webmetric

Co-authored-by: AndrewByun <andrewbyun1@gmail.com>
Co-authored-by: ctstamper <ctstamper@gmail.com>
Co-authored-by: kelvinmirhan <141283841+kelvinmirhan@users.noreply.github.com>

Author: jimmally

src/app/components/StateRoute/StateRoute.tsx

@@ -155,7 +155,7 @@ const StateRoute = (props: StateRouteProps) => {
         <WebMetrics
           color={CLSColor}
           series={webMetrics.CLS * 10}
-          formatted={(val) => `CLS Score: ${(Number.isNaN(val) ? 'N/A' : `${val / 10}`)}`}
+          formatted={(val) => `CLS Score: ${(Number.isNaN(val) ? 'N/A' : `${(val / 10).toFixed(3)}`)}`}
           label='Cumulative Layout Shift'
           name='Cumulative Layout Shift'
           description='Calculates the shifting of elements while the page is being downloaded and rendered.'

src/app/styles/layout/_stateContainer.scss

@@ -191,7 +191,6 @@
 .web-metrics-container {
   display: grid;
   grid-template-columns: auto auto;
-  align-items: center;
   justify-content: center;
 }