Update wording

plugins/cost-insights/src/components/ProductInsights/ProductInsights.test.tsx

@@ -170,7 +170,7 @@ describe('<ProductInsights />', () => {
   }
 
   it('should render each product panel', async () => {
-    const noComputeEngineCostsRgx = /There are no Compute Engine costs within this timeframe for your team's projects./;
+    const noComputeEngineCostsRgx = /There are no Compute Engine costs within this time frame for your team's projects./;
     const { getByText } = await renderInContext(
       <ProductInsights
         onLoaded={jest.fn()}

plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.test.tsx

@@ -109,7 +109,7 @@ describe('<ProductInsightsCard/>', () => {
       aggregation: [0, 0],
       change: { ratio: 0, amount: 0 },
     };
-    const subheader = `There are no ${MockComputeEngine.name} costs within this timeframe for your team's projects.`;
+    const subheader = `There are no ${MockComputeEngine.name} costs within this time frame for your team's projects.`;
     const rendered = await renderProductInsightsCardInTestApp(
       entity,
       MockComputeEngine,

plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.tsx

@@ -132,7 +132,7 @@ export const ProductInsightsCard = ({
         />
       ) : (
         <Typography>
-          There are no {product.name} costs within this timeframe for your
+          There are no {product.name} costs within this time frame for your
           team's projects.
         </Typography>
       )}