Fix wording and story

Author: kshmidt-digma

src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/SpanPerformanceAnomalyHighlightCard.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { SpanPerformanceAnomalyHighlightCard } from ".";
-import { mockedSpanScalingHighlightData } from "./mockData";
+import { mockedSpanPerformanceAnomalyHighlightData } from "./mockData";
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta: Meta<typeof SpanPerformanceAnomalyHighlightCard> = {
@@ -21,6 +21,6 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {
-    data: mockedSpanScalingHighlightData
+    data: mockedSpanPerformanceAnomalyHighlightData
   }
 };

src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/index.tsx

@@ -46,7 +46,7 @@ export const SpanPerformanceAnomalyHighlightCard = ({
     columnHelper.accessor(
       (x) => x.metrics.find((x) => x.id === "SlowerByPercentage"),
       {
-        header: "5% slower than Median by",
+        header: "The slowest 5% slower than the Median by",
         cell: (info) => {
           const metric = info.getValue();
           const value = metric ? `${String(roundTo(metric.value, 2))}%` : "";

src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/mockData.ts

@@ -29,9 +29,9 @@ export const mockedSpanPerformanceAnomalyMetrics: SpanPerformanceAnomalyMetrics
     }
   ];
 
-export const mockedSpanScalingHighlightData: HighlightData<SpanPerformanceAnomalyMetrics> =
+export const mockedSpanPerformanceAnomalyHighlightData: HighlightData<SpanPerformanceAnomalyMetrics> =
   {
-    insightType: InsightType.SpanScaling,
+    insightType: InsightType.SpanPerformanceAnomaly,
     asset: {
       name: "spanName",
       displayName: "displayName",