feat: changelog and reame pages in storybook NO-JIRA (#85)

Author: adrian-potepa

README.md

@@ -53,6 +53,20 @@ function App() {
 }
 ```
 
+### Default font
+
+Tetrisly uses [Inter](https://fonts.google.com/specimen/Inter) font as default. To add it to your app you should link it
+in your root `.html` file:
+
+```html
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+  href="https://fonts.googleapis.com/css2?family=Inter:wght@400;450;600&display=swap"
+  rel="stylesheet"
+/>
+```
+
 ## Usage/Examples
 
 ```typescript

src/docs-pages/Changelog.mdx

@@ -0,0 +1,6 @@
+import { Meta, Markdown } from '@storybook/addon-docs';
+import changeLog from '@/../CHANGELOG.md?raw';
+
+<Meta title="Docs/Changelog" />
+
+<Markdown>{changeLog}</Markdown>

src/docs-pages/ReadMe.mdx

@@ -0,0 +1,6 @@
+import { Meta, Markdown } from '@storybook/addon-docs';
+import readme from '@/../README.md?raw';
+
+<Meta title="Docs/ReadMe" />
+
+<Markdown>{readme}</Markdown>