Bugfix: Updating storybook example to pass theme property to BarGuage (#98804)

* Updating storybook example and making sure BarGauage has theme setup.

* removed unneccessary theme.

* Reverted change updated example.

packages/grafana-ui/src/components/BarGauge/BarGauge.mdx

@@ -14,34 +14,35 @@ import { VizOrientation, ThresholdsMode, Field, FieldType, getDisplayProcessor }
 const field: Partial<Field> = {
   type: FieldType.number,
   config: {
-    min: minValue,
+    min: 0,
-    max: maxValue,
+    max: 100,
     thresholds: {
       mode: ThresholdsMode.Absolute,
       steps: [
         { value: -Infinity, color: 'green' },
-        { value: threshold1Value, color: threshold1Color },
+        { value: 20, color: 'blue' },
-        { value: threshold2Value, color: threshold2Color },
+        { value: 90, color: 'red' },
       ],
     },
   },
 };
-field.display = getDisplayProcessor({ field });
 
-const value = {
+field.display = getDisplayProcessor({ theme, field });
-  text: value.toString(),
-  title: title,
-  numeric: value,
-};
 
-<BarGauge
+return (
-  value={70}
+  <BarGauge
+    theme={theme}
     field={field.config}
     display={field.display}
-  value={value}
+    value={{
+      text: '70',
+      title: 'Title of data point',
+      numeric: 70,
+    }}
     orientation={VizOrientation.Vertical}
     displayMode={BarGaugeDisplayMode.Basic}
-/>;
+  />
+);
 ```
 
 <ArgTypes of={BarGauge} />