chore(atomic): better dev mode (#4920)

KIT-3920


![Gifcast](https://github.com/user-attachments/assets/8e6f8ed1-99da-4b44-96ce-f679b67bf603)


### `npx nx run atomic:dev --stencil` for new dev mode with stencil
rebuild
### `npx nx run atomic:dev` for new dev mode without

Author: alexprudhomme

package-lock.json

@@ -63,15 +63,15 @@ const config: StorybookConfig = {
     mergeConfig(config, {
       plugins: [
         nxViteTsPaths(),
-        resolveStorybookUtils(),
+        resolveStorybookUtilsImports(),
         configType === 'PRODUCTION' && isCDN && externalizeDependencies(),
       ],
     }),
 };
 
-const resolveStorybookUtils: PluginImpl = () => {
+const resolveStorybookUtilsImports: PluginImpl = () => {
   return {
-    name: 'resolve-storybook-utils',
+    name: 'resolve-storybook-utils-imports',
     async resolveId(source: string, importer, options) {
       if (source.startsWith('@/storybook-utils')) {
         return this.resolve(

packages/atomic/.storybook/main.mts

@@ -119,6 +119,7 @@
     "@whitespace/storybook-addon-html": "6.1.1",
     "autoprefixer": "10.4.20",
     "axe-core": "4.10.2",
+    "chalk": "4.1.2",
     "cypress": "13.7.3",
     "cypress-axe": "1.5.0",
     "cypress-repeat": "2.3.8",
@@ -133,6 +134,7 @@
     "lit-html": "3.2.1",
     "local-web-server": "5.4.0",
     "natural-orderby": "5.0.0",
+    "ora": "8.2.0",
     "playwright": "1.50.0",
     "postcss": "8.5.1",
     "postcss-focus-visible": "10.0.1",