diff --git a/.gitignore b/.gitignore
index 2347aed57..e3ef6cbc5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -81,6 +81,7 @@ oldfront/node_modules/
 front/static/translations
 front/node_modules/
 front/dist/
+front/dev-dist/
 front/npm-debug.log*
 front/yarn-debug.log*
 front/yarn-error.log*
@@ -91,6 +92,7 @@ front/coverage/
 front/selenium-debug.log
 
 # Vitepress
+front/ui-docs/.vitepress/.vite
 front/ui-docs/.vitepress/cache
 front/ui-docs/.vitepress/dist
 front/ui-docs/public
diff --git a/front/ui-docs/.vitepress/config.ts b/front/ui-docs/.vitepress/config.ts
index c196d5491..c400f152d 100644
--- a/front/ui-docs/.vitepress/config.ts
+++ b/front/ui-docs/.vitepress/config.ts
@@ -13,49 +13,49 @@ export default defineConfig({
       {
         text: 'Components',
         items: [
-          { text: 'Activity', link: '../../src/components/ui/activity.md' },
-          { text: 'Alert', link: '../../src/components/ui/alert' },
+          { text: 'Activity', link: '/components/ui/activity' },
+          { text: 'Alert', link: '/components/ui/alert' },
           {
-            text: 'Card', link: '../../src/components/ui/card',
+            text: 'Card', link: '/components/ui/card',
             items: [
-              { text: 'Album Card', link: '../../src/components/ui/card/album' },
-              { text: 'Artist Card', link: '../../src/components/ui/card/artist' },
-              { text: 'Playlist Card', link: '../../src/components/ui/card/playlist' },
-              { text: 'Podcast Card', link: '../../src/components/ui/card/podcast' },
-              { text: 'Radio Card', link: '../../src/components/ui/card/radio' },
+              { text: 'Album Card', link: '/components/ui/card/album' },
+              { text: 'Artist Card', link: '/components/ui/card/artist' },
+              { text: 'Playlist Card', link: '/components/ui/card/playlist' },
+              { text: 'Podcast Card', link: '/components/ui/card/podcast' },
+              { text: 'Radio Card', link: '/components/ui/card/radio' },
             ],
           },
           {
             text: 'Content Navigation',
             items: [
-              { text: 'Pagination', link: '../../src/components/ui/pagination' },
-              { text: 'Table of Contents', link: '../../src/components/ui/toc' },
-              { text: 'Tabs', link: '../../src/components/ui/tabs' },
+              { text: 'Pagination', link: '/components/ui/pagination' },
+              { text: 'Table of Contents', link: '/components/ui/toc' },
+              { text: 'Tabs', link: '/components/ui/tabs' },
             ],
           },
           {
             text: 'Form',
             items: [
               {
-                text: 'Button', link: '../../src/components/ui/button',
+                text: 'Button', link: '/components/ui/button',
                 items: [
-                  { text: 'Options Button', link: '../../src/components/ui/button/options' },
-                  { text: 'Play Button', link: '../../src/components/ui/button/play' },
+                  { text: 'Options Button', link: '/components/ui/button/options' },
+                  { text: 'Play Button', link: '/components/ui/button/play' },
                 ],
               },
-              { text: 'Input', link: '../../src/components/ui/input' },
-              { text: 'Popover', link: '../../src/components/ui/popover' },
-              { text: 'Textarea', link: '../../src/components/ui/textarea' },
-              { text: 'Toggle', link: '../../src/components/ui/toggle' },
+              { text: 'Input', link: '/components/ui/input' },
+              { text: 'Popover', link: '/components/ui/popover' },
+              { text: 'Textarea', link: '/components/ui/textarea' },
+              { text: 'Toggle', link: '/components/ui/toggle' },
             ],
           },
           {
-            text: 'Layout', link: '../../src/components/ui/layout/',
+            text: 'Layout', link: '/components/ui/layout/',
             items: [{ text: "Spacer", link: "../../src/components/ui/layout/spacer" }]
           },
-          { text: 'Loader', link: '../../src/components/ui/loader' },
-          { text: 'Modal', link: '../../src/components/ui/modal' },
-          { text: 'Pill', link: '../../src/components/ui/pill' },
+          { text: 'Loader', link: '/components/ui/loader' },
+          { text: 'Modal', link: '/components/ui/modal' },
+          { text: 'Pill', link: '/components/ui/pill' },
         ],
       },
     ],
diff --git a/front/src/components/ui/activity.md b/front/ui-docs/components/ui/activity.md
similarity index 100%
rename from front/src/components/ui/activity.md
rename to front/ui-docs/components/ui/activity.md
diff --git a/front/src/components/ui/alert.md b/front/ui-docs/components/ui/alert.md
similarity index 100%
rename from front/src/components/ui/alert.md
rename to front/ui-docs/components/ui/alert.md
diff --git a/front/src/components/ui/button.md b/front/ui-docs/components/ui/button.md
similarity index 100%
rename from front/src/components/ui/button.md
rename to front/ui-docs/components/ui/button.md
diff --git a/front/src/components/ui/button/options.md b/front/ui-docs/components/ui/button/options.md
similarity index 100%
rename from front/src/components/ui/button/options.md
rename to front/ui-docs/components/ui/button/options.md
diff --git a/front/src/components/ui/button/play.md b/front/ui-docs/components/ui/button/play.md
similarity index 100%
rename from front/src/components/ui/button/play.md
rename to front/ui-docs/components/ui/button/play.md
diff --git a/front/src/components/ui/card.md b/front/ui-docs/components/ui/card.md
similarity index 100%
rename from front/src/components/ui/card.md
rename to front/ui-docs/components/ui/card.md
diff --git a/front/src/components/ui/input.md b/front/ui-docs/components/ui/input.md
similarity index 100%
rename from front/src/components/ui/input.md
rename to front/ui-docs/components/ui/input.md
diff --git a/front/src/components/ui/layout.md b/front/ui-docs/components/ui/layout.md
similarity index 100%
rename from front/src/components/ui/layout.md
rename to front/ui-docs/components/ui/layout.md
diff --git a/front/src/components/ui/layout/spacer.md b/front/ui-docs/components/ui/layout/spacer.md
similarity index 100%
rename from front/src/components/ui/layout/spacer.md
rename to front/ui-docs/components/ui/layout/spacer.md
diff --git a/front/src/components/ui/loader.md b/front/ui-docs/components/ui/loader.md
similarity index 100%
rename from front/src/components/ui/loader.md
rename to front/ui-docs/components/ui/loader.md
diff --git a/front/src/components/ui/modal.md b/front/ui-docs/components/ui/modal.md
similarity index 100%
rename from front/src/components/ui/modal.md
rename to front/ui-docs/components/ui/modal.md
diff --git a/front/src/components/ui/pagination.md b/front/ui-docs/components/ui/pagination.md
similarity index 100%
rename from front/src/components/ui/pagination.md
rename to front/ui-docs/components/ui/pagination.md
diff --git a/front/src/components/ui/pill.md b/front/ui-docs/components/ui/pill.md
similarity index 100%
rename from front/src/components/ui/pill.md
rename to front/ui-docs/components/ui/pill.md
diff --git a/front/src/components/ui/popover.md b/front/ui-docs/components/ui/popover.md
similarity index 100%
rename from front/src/components/ui/popover.md
rename to front/ui-docs/components/ui/popover.md
diff --git a/front/src/components/ui/tabs.md b/front/ui-docs/components/ui/tabs.md
similarity index 100%
rename from front/src/components/ui/tabs.md
rename to front/ui-docs/components/ui/tabs.md
diff --git a/front/src/components/ui/textarea.md b/front/ui-docs/components/ui/textarea.md
similarity index 100%
rename from front/src/components/ui/textarea.md
rename to front/ui-docs/components/ui/textarea.md
diff --git a/front/src/components/ui/toc.md b/front/ui-docs/components/ui/toc.md
similarity index 100%
rename from front/src/components/ui/toc.md
rename to front/ui-docs/components/ui/toc.md
diff --git a/front/src/components/ui/toggle.md b/front/ui-docs/components/ui/toggle.md
similarity index 100%
rename from front/src/components/ui/toggle.md
rename to front/ui-docs/components/ui/toggle.md