docs: add design system guide

.storybook/main.ts

@@ -20,6 +20,18 @@ const config: StorybookConfig = {
     name: '@storybook/angular',
     options: {},
   },
+  features: {
+    sidebarOnboardingChecklist: false,
+  },
   docs: {},
+  webpackFinal: async config => {
+    config.module?.rules?.push({
+      test: /\.md$/,
+      resourceQuery: /raw/,
+      type: 'asset/source',
+    });
+
+    return config;
+  },
 };
 export default config;

.storybook/typings.d.ts

@@ -2,3 +2,8 @@ declare module '*.md' {
   const content: string;
   export default content;
 }
+
+declare module '*.md?raw' {
+  const content: string;
+  export default content;
+}