Metrics empty copy (#48449)

* Update copy on metrics page

* Update copy in empty metric builder

* Fix e2e test

e2e/test/scenarios/metrics/browse.cy.spec.ts

@@ -113,7 +113,7 @@ describe("scenarios > browse > metrics", () => {
       cy.visit("/browse/metrics");
       main()
         .findByText(
-          "Metrics help you summarize and analyze your data effortlessly.",
+          "Create Metrics to define the official way to calculate important numbers for your team",
         )
         .should("be.visible");
     });
@@ -279,7 +279,7 @@ describe("scenarios > browse > metrics", () => {
 
       main()
         .findByText(
-          "Metrics help you summarize and analyze your data effortlessly.",
+          "Create Metrics to define the official way to calculate important numbers for your team",
         )
         .should("be.visible");
 

frontend/src/metabase/browse/metrics/BrowseMetrics.tsx

@@ -88,9 +88,9 @@ export function BrowseMetrics() {
 function MetricsEmptyState() {
   return (
     <Flex align="center" justify="center" mih="70vh">
-      <Box maw="25rem">
+      <Box maw="30rem">
         <EmptyState
-          title={t`Metrics help you summarize and analyze your data effortlessly.`}
+          title={t`Create Metrics to define the official way to calculate important numbers for your team`}
           message={
             <Text mt="sm" maw="25rem">
               {t`Metrics are like pre-defined calculations: create your aggregations once, save them as metrics, and use them whenever you need to analyze your data.`}

frontend/src/metabase/browse/metrics/BrowseMetrics.unit.spec.tsx

@@ -237,7 +237,7 @@ describe("BrowseMetrics", () => {
     setup({ metricCount: 0 });
     expect(
       await screen.findByText(
-        "Metrics help you summarize and analyze your data effortlessly.",
+        "Create Metrics to define the official way to calculate important numbers for your team",
       ),
     ).toBeInTheDocument();
   });

frontend/src/metabase/querying/metrics/components/MetricEditor/MetricEditorFooter/MetricEmptyState/MetricEmptyState.tsx

@@ -20,10 +20,10 @@ export function MetricEmptyState({
       data-testid="metric-empty-state"
     >
       <Text mb="sm" fw="bold" fz="lg">
-        {t`A metric is one of the key numbers you want to keep track of`}
+        {t`Create Metrics to define the official way to calculate important numbers for your team`}
       </Text>
-      <Text mb="lg" c="text-medium" maw="28.75rem" align="center">
-        {t`To create one, you’ll need to define how it’s calculated, add any required filters, and optionally pick the main dimension for your metric.`}
+      <Text mb="lg" c="text-medium" maw="30rem" align="center">
+        {t`Metrics are like pre-defined calculations: create your aggregations once, save them as metrics, and use them whenever you need to analyze your data.`}
       </Text>
       {isRunnable && (
         <Button variant="filled" onClick={() => runQuestionQuery()}>