rename tag for CEM of ui5wcr components

Author: Lukas742

.storybook/utils.ts

@@ -22,8 +22,12 @@ export const MAPPED_THEMES = [
 export const excludePropsForAbstract = ['className', 'style'];
 
 export function useGetCem(storyTags: string[]) {
+  const extendsAnnotation = storyTags?.find((tag) => tag.startsWith('extends:'));
   const packageAnnotation = storyTags?.find((tag) => tag.startsWith('package:'));
-  switch (packageAnnotation) {
+  const annotation = extendsAnnotation ?? packageAnnotation;
+
+  switch (annotation) {
+    case 'extends:@ui5/webcomponents':
     case 'package:@ui5/webcomponents':
       return cemMain;
     case 'package:@ui5/webcomponents-fiori':

packages/main/src/components/ActionSheet/ActionSheet.stories.tsx

@@ -36,7 +36,7 @@ const meta = {
   parameters: {
     chromatic: { disableSnapshot: true },
   },
-  tags: ['package:@ui5/webcomponents', 'cem-module:ResponsivePopover'],
+  tags: ['extends:@ui5/webcomponents', 'cem-module:ResponsivePopover', 'package:@ui5/webcomponents-react'],
 } satisfies Meta<typeof ActionSheet>;
 
 export default meta;

packages/main/src/components/MessageBox/MessageBox.stories.tsx

@@ -28,7 +28,7 @@ const meta = {
   parameters: {
     chromatic: { delay: 1000 },
   },
-  tags: ['package:@ui5/webcomponents', 'cem-module:Dialog'],
+  tags: ['extends:@ui5/webcomponents', 'cem-module:Dialog', 'package:@ui5/webcomponents-react'],
 } satisfies Meta<typeof MessageBox>;
 
 export default meta;

packages/main/src/components/SelectDialog/SelectDialog.stories.tsx

@@ -21,7 +21,7 @@ const meta = {
   parameters: {
     chromatic: { delay: 1000 },
   },
-  tags: ['package:@ui5/webcomponents', 'cem-module:Dialog'],
+  tags: ['extends:@ui5/webcomponents', 'cem-module:Dialog', 'package:@ui5/webcomponents-react'],
 } satisfies Meta<typeof SelectDialog>;
 
 export default meta;

packages/main/src/webComponents/BarcodeScannerDialog/BarcodeScannerDialog.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '../Button/index.js';
 import { BarcodeScannerDialog } from './index.js';
 
 const meta = {
-  title: 'Inputs / BarcodeScannerDialog',
+  title: 'Modals & Popovers / BarcodeScannerDialog',
   component: BarcodeScannerDialog,
   argTypes: {},
   args: {},