Introduce UI Components documentation (#1926)

* new contributor guide folder architecture

* update content pass 1

* Prepare UI component folder to receive componentns

* Add component doc example for button

* Fix broken links

* Fix broken links

* Fix images

front/src/modules/ui/button/components/__stories__/Button.docs.mdx

@@ -0,0 +1,28 @@
+{/* Button.mdx */}
+
+import { Meta, Controls, Story } from '@storybook/blocks';
+import * as ButtonStories from './Button.stories';
+
+<Meta of={ButtonStories} />
+
+Button is a clickable interactive element that triggers a response.
+
+You can place text and icons inside of a button.
+
+Buttons are often used for form submissions and to toggle elements into view.
+
+<Story of={ButtonStories.Default} />
+<br />
+
+## Properties
+
+<Controls />
+
+## Usage
+
+```js
+
+import { Button } from '@/ui/button/components/Button';
+
+<Button title='Click me' />
+```

front/src/modules/ui/button/components/__stories__/Button.stories.tsx

@@ -22,6 +22,9 @@ export default meta;
 type Story = StoryObj<typeof Button>;
 
 export const Default: Story = {
+  argTypes: {
+    Icon: { control: false },
+  },
   args: {
     title: 'Button',
     size: 'small',