feat: Add histoire for component playground (#10256)

We will use
[histoire](https://histoire.dev/guide/vue3/getting-started.html) for
component development. I've locked the version to 0.17.15 as it had
issues in the latest versions.

Run the following commands to start the development server.

```bash
# Start the development server
pnpm story:dev

# Build the assets to deploy it to website
pnpm story:build

# View the production version of the build
pnpm story:preview
```

app/javascript/design-system/histoire.scss

@@ -0,0 +1,21 @@
+@import 'dashboard/assets/scss/app';
+
+*,
+::before,
+::after {
+  --_histoire-color-primary-50: 235 245 255;
+  --_histoire-color-primary-100: 194 225 255;
+  --_histoire-color-primary-200: 153 206 255;
+  --_histoire-color-primary-300: 112 186 255;
+  --_histoire-color-primary-400: 71 166 255;
+  --_histoire-color-primary-500: 31 147 255;
+  --_histoire-color-primary-600: 25 118 204;
+  --_histoire-color-primary-700: 19 88 153;
+  --_histoire-color-primary-800: 12 59 102;
+  --_histoire-color-primary-900: 6 29 51;
+}
+
+html,
+body {
+  font-family: 'Inter', sans-serif;
+}