fix(storybook): make clickable optionnal and manage ngContent

libs/ui/widgets/src/lib/badge/badge.component.stories.ts

@@ -1,25 +1,35 @@
-import { Meta, moduleMetadata, Story } from '@storybook/angular'
+import {
+  componentWrapperDecorator,
+  Meta,
+  moduleMetadata,
+  Story,
+} from '@storybook/angular'
 import { BadgeComponent } from './badge.component'
 
 export default {
   title: 'Widgets/BadgeComponent',
   component: BadgeComponent,
   decorators: [
+    componentWrapperDecorator(BadgeComponent),
     moduleMetadata({
       imports: [],
     }),
   ],
 } as Meta<BadgeComponent>
 
-type BadgeComponentWithContent = { content: string }
-
-const Template: Story<BadgeComponentWithContent> = (args: BadgeComponent) => ({
+interface BadgeComponentContent extends Partial<BadgeComponent> {
+  content: string
+}
+const Template: Story<BadgeComponentContent> = (
+  args: BadgeComponentContent
+) => ({
   component: BadgeComponent,
   props: args,
   template: '<gn-ui-badge>{{content}}</gn-ui-badge>',
 })
 
 export const Primary = Template.bind({})
 Primary.args = {
-  content: 'My badge!',
+  clickable: true,
+  content: 'My custom badge',
 }

libs/ui/widgets/src/lib/badge/badge.component.ts

@@ -7,5 +7,5 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BadgeComponent {
-  @Input() clickable = false
+  @Input() clickable? = false
 }