✨(ats-presentation) add base icon an button components (#646)

* 🔧(ats) setup npm deps and storybook for first component integrations

* ✨(ats-presentation) add remix icon simple component

* ✨(ats-presentation) add base button component

* ✨(ats-presentation) load marianne font face and styles in ats app

Author: ShallowRed

src/web/pnpm-lock.yaml

@@ -3,3 +3,4 @@ packages:
 allowBuilds:
   '@parcel/watcher': true
   esbuild: true
+  vue-demi: true

src/web/pnpm-workspace.yaml

@@ -7,6 +7,15 @@ const config: StorybookConfig = {
     '../src/**/*.mdx',
     '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
   ],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {
+      docgen: {
+        plugin: 'vue-component-meta',
+        tsconfig: 'tsconfig.json',
+      },
+    },
+  },
   addons: [
     {
       name: '@storybook/addon-docs',
@@ -19,7 +28,6 @@ const config: StorybookConfig = {
       },
     },
   ],
-  framework: '@storybook/vue3-vite',
   viteFinal: async (config) => {
     if (process.env.STORYBOOK_BASE_URL) {
       config.base = process.env.STORYBOOK_BASE_URL

src/web/presentation/frontend/.storybook/main.ts

@@ -14,8 +14,11 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@iconify/vue": "^5.0.1",
     "@sentry/vue": "^10.55.0",
+    "reka-ui": "^2.0",
     "vue": "^3.5",
+    "vue-component-meta": "^3.3.3",
     "vue-router": "^4.4"
   },
   "devDependencies": {
@@ -31,6 +34,7 @@
     "eslint-plugin-storybook": "^0.11.1",
     "jsdom": "^26.1",
     "remark-gfm": "^4.0.1",
+    "sass": "^1.100.0",
     "storybook": "^8.6",
     "tailwindcss": "^4.0.0",
     "typescript": "~5.8",