fix(ui5-rating-indicator): enhance storybook samples (#7446)

Author: niyap

packages/playground/_stories/main/RatingIndicator/RatingIndicator.stories.ts

@@ -14,7 +14,7 @@ const component = "ui5-rating-indicator";
 let index = 0;
 
 export default {
-    title: "Main/RatingIndicator",
+    title: "Main/Rating Indicator",
     component: "RatingIndicator",
     parameters: {
         docs: {
@@ -36,41 +36,25 @@ const Template: UI5StoryArgs<RatingIndicator, StoryArgsSlots> = (args) => html`
 	accessible-name-ref="${ifDefined(args.accessibleNameRef)}"
 ></ui5-rating-indicator>`;
 
-export const BasicRatingIndicator = Template.bind({});
-BasicRatingIndicator.args = {
+export const Basic = Template.bind({});
+Basic.args = {
 	value: 3.7
 };
 
-export const RatingIndicatorMax = Template.bind({});
-RatingIndicatorMax.args = {
+export const WithMaxValue = Template.bind({});
+WithMaxValue.args = {
 	value: 5,
 	max: 10
 };
-RatingIndicatorMax.storyName = "Rating Indicator with Max Value";
 
-
-export const DisabledRatingIndicator: StoryFn = Template.bind({});
-DisabledRatingIndicator.args = {
-	value: 5,
-	max: 10,
-	disabled: true
-};
-
-export const ReadonlyRatingIndicator: StoryFn = Template.bind({});
-ReadonlyRatingIndicator.args = {
-	value: 5,
-	max: 7,
-	readonly: true
-};
-
-export const RequiredRatingIndicatorWithLabel: StoryFn = Template.bind({});
-RequiredRatingIndicatorWithLabel.args = {
+export const WithRequiredLabel: StoryFn = Template.bind({});
+WithRequiredLabel.args = {
 	value: 5,
 	max: 7,
 	accessibleNameRef: "label-acc-name-ref",
 	required: true
 };
-RequiredRatingIndicatorWithLabel.decorators = [
+WithRequiredLabel.decorators = [
 	(story) => {
 	return html`
 	<ui5-label id="label-acc-name-ref" required="true" for="rating-indicator-${index+1}">Rate us</ui5-label>