feat(go-ui): Update storybook

Separete components into common groups
Uppdate stories to incorporate v2 changes
Add stories for new layout and view components
Updated stories for button component

feat(components): added Chip, Expandable Container and InputSection

Author: crsstha

packages/go-ui-storybook/src/stories/BarChart.stories.tsx

@@ -27,7 +27,7 @@ const maxValue = Math.max(...data.map(valueSelector));
 type BarChartSpecificProps = BarChartProps<Option>;
 type Story = StoryObj<BarChartSpecificProps>;
 const meta: Meta<BarChartSpecificProps> = {
-    title: 'Components/BarChart',
+    title: 'Visualization/BarChart',
     component: BarChart,
     parameters: {
         layout: 'centered',

packages/go-ui-storybook/src/stories/BlockView.stories.tsx

@@ -0,0 +1,59 @@
+import { BlockViewProps } from '@ifrc-go/ui';
+import type {
+    Meta,
+    StoryObj,
+} from '@storybook/react';
+
+import BlockView from './BlockView';
+
+type Story = StoryObj<BlockViewProps>;
+
+const meta: Meta<BlockViewProps> = {
+    title: 'Views/BlockView',
+    component: BlockView,
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        spacing: 'md',
+        withPadding: true,
+        before: <div className="page-container-header"> Header</div>,
+        after: <div className="page-container-footer">Footer</div>,
+        children: (
+            <div className="page-container">
+                <div className="page-container-main">
+                    Content
+                </div>
+            </div>),
+    },
+    decorators: [
+        (Story) => (
+            <div className="dash-border">
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export default meta;
+
+export const Default: Story = {};
+
+export const WithSpacing: Story = {
+    args: {
+        spacing: 'xl',
+    },
+};
+
+export const WithoutPadding: Story = {
+    args: {
+        withPadding: false,
+    },
+};
+
+export const WithSeparators: Story = {
+    args: {
+        withBeforeSeparator: true,
+        withAfterSeparator: true,
+    },
+};

packages/go-ui-storybook/src/stories/BlockView.tsx

@@ -0,0 +1,12 @@
+import {
+    BlockView as PureBlockView,
+    BlockViewProps,
+} from '@ifrc-go/ui';
+
+function BlockView(props: BlockViewProps) {
+    return (
+        <PureBlockView {...props} /> // eslint-disable-line react/jsx-props-no-spreading
+    );
+}
+
+export default BlockView;

packages/go-ui-storybook/src/stories/BooleanInput.stories.tsx

@@ -11,7 +11,7 @@ import BooleanInput from './BooleanInput';
 type Story = StoryObj<typeof BooleanInput>;
 
 const meta: Meta<typeof BooleanInput> = {
-    title: 'Components/BooleanInput',
+    title: 'Inputs/BooleanInput',
     component: BooleanInput,
     parameters: {
         layout: 'centered',

packages/go-ui-storybook/src/stories/BooleanOutput.stories.tsx

@@ -9,7 +9,7 @@ import BooleanOutput from './BooleanOutput';
 type Story = StoryObj<BooleanOutputProps>;
 
 const meta: Meta<typeof BooleanOutput> = {
-    title: 'Components/BooleanOutput',
+    title: 'Outputs/BooleanOutput',
     component: BooleanOutput,
     parameters: {
         layout: 'centered',