chore(swatch): fix rectangle story name to shape

Author: marissahuysentruyt

components/swatch/stories/swatch.stories.js

@@ -183,15 +183,16 @@ Border.parameters = {
 /** 
  * Swatches can also have a rectangle shape with an aspect ratio of 2:1. The square shape is the default and is used in swatch groups (e.g., a palette of colors).
  */
-export const Rectangle = Template.bind({});
-Rectangle.args = {
+export const Shape = Template.bind({});
+Shape.args = {
 	shape: "rectangle",
 	swatchColor: "rgba(174, 216, 230, 0.25)",
 };
-Rectangle.tags = ["!dev"];
-Rectangle.parameters = {
+Shape.tags = ["!dev"];
+Shape.parameters = {
 	chromatic: { disableSnapshot: true },
 };
+Shape.storyName = "Shape - rectangle";
 
 /**
  * A swatch will appear "empty" when its preview is undefined, for instance when the image or gradient is undefined, or when a swatch color is transparent. The `.is-nothing` class is applied to the swatch in these cases. Implementations should ensure that the default border style is applied when a swatch is empty.