[AAE-10252] Storybook Update existing Stories to adhere to conventions (#7780)

* [AAE-10252] Storybook Update existing Stories to adhere to conventions

* Added expaned controls globally

* About Module, Comments Module

* Icon Module, Language Menu Module

* Social Module

* Naming of single stories

* process-services-cloud Modules

* Added descriptions and categories for actions

* Fixed and cleaned error-content stories

* Updated playwright tests to navigate properly

* Template Module

* Toolbar Module

* fixed Like component controls

* content projection showcase

lib/content-services/.storybook/preview.js

@@ -1,3 +1,4 @@
 export const parameters = {
-  docs: { inlineStories: true }
-}
+  docs: { inlineStories: true },
+  controls: { expanded: true }
+};

lib/content-services/src/lib/social/like.component.html

@@ -7,7 +7,7 @@
     </div>
     <div class="adf-like-counter-container">
         <div id="adf-like-counter" class="adf-like-counter">{{likesCounter}}</div>
-        <div class="adf-left" *ngIf="likesCounter<=1">Like</div>
-        <div class="adf-left" *ngIf="likesCounter>1">Likes</div>
+        <div class="adf-left" *ngIf="likesCounter===1">Like</div>
+        <div class="adf-left" *ngIf="likesCounter!==1">Likes</div>
     </div>
 </div>

lib/content-services/src/lib/social/like.component.stories.ts

@@ -23,7 +23,7 @@ import { SocialModule } from './social.module';
 
 export default {
     component: LikeComponent,
-    title: 'Content Services/Components/Like',
+    title: 'Content Services/Social/Like',
     decorators: [
         moduleMetadata({
             imports: [SocialModule],
@@ -33,7 +33,19 @@ export default {
         })
     ],
     argTypes: {
-        nodeId: { table: { disable: true } }
+        nodeId: {
+            control: 'text',
+            description: 'Identifier of a node to apply likes to.',
+            defaultValue:'fake-like-node-id',
+            table: {
+                type: { summary: 'string' }
+            }
+        },
+        changeVote: {
+            action: 'changeVote',
+            description: 'Emitted when the "vote" gets changed.',
+            table: { category: 'Actions' }
+        }
     }
 } as Meta;
 
@@ -41,7 +53,4 @@ const template: Story<LikeComponent> = (args: LikeComponent) => ({
     props: args
 });
 
-export const primary = template.bind({});
-primary.args = {
-    nodeId: 'fake-like-node-id'
-};
+export const like = template.bind({});