refactor: reorganize AsideMenu component structure and update component links for better categorization

Author: FelipeO16

docs/app/components/AsideMenu.vue

@@ -22,55 +22,69 @@ const items: Items[] = [
     ],
   },
   {
-    title: 'Components',
+    title: 'Layout & Structure',
     links: [
-      { name: 'PUAccordion', link: '/docs/components/pu-accordion' },
-      { name: 'PUAvatar', link: '/docs/components/pu-avatar', new: true },
-      { name: 'PUAudio', link: '/docs/components/pu-audio', new: true },
       { name: 'PUGrid', link: '/docs/components/pu-grid', new: true },
+      { name: 'PUGridItem', link: '/docs/components/pu-grid-item', new: true },
       { name: 'PUCard', link: '/docs/components/pu-card', new: true },
       { name: 'PUDivider', link: '/docs/components/pu-divider', new: true },
-      { name: 'PULoading', link: '/docs/components/pu-loading', new: true },
+      { name: 'PUTabs', link: '/docs/components/pu-tabs' },
+      { name: 'PUAccordion', link: '/docs/components/pu-accordion' },
+      { name: 'PUModal', link: '/docs/components/pu-modal' },
+    ],
+  },
+  {
+    title: 'Form Controls',
+    links: [
+      { name: 'PUInput', link: '/docs/components/pu-input' },
+      { name: 'PUTextArea', link: '/docs/components/pu-textarea' },
+      { name: 'PUCheckbox', link: '/docs/components/pu-checkbox' },
+      { name: 'PURadio', link: '/docs/components/pu-radio' },
+      { name: 'PUSwitch', link: '/docs/components/pu-switch' },
+      { name: 'PUSelect', link: '/docs/components/pu-select' },
+      { name: 'PUDropdown', link: '/docs/components/pu-dropdown', new: true },
       { name: 'PUSlider', link: '/docs/components/pu-slider', new: true },
       { name: 'PURating', link: '/docs/components/pu-rating', new: true },
+      { name: 'PUDatePicker', link: '/docs/components/pu-datepicker', new: true },
       { name: 'PUCounter', link: '/docs/components/pu-counter', new: true },
-      { name: 'PUDropdown', link: '/docs/components/pu-dropdown', new: true },
+    ],
+  },
+  {
+    title: 'Actions & Feedback',
+    links: [
+      { name: 'PUButton', link: '/docs/components/pu-button' },
+      { name: 'PUButtonIcon', link: '/docs/components/pu-button-icon' },
       { name: 'PUCopyToClipboard', link: '/docs/components/pu-copy', new: true },
-      { name: 'PUSearch', link: '/docs/components/pu-search', new: true },
       { name: 'PUConfetti', link: '/docs/components/pu-confetti', new: true },
-      // { name: 'PUChip', link: '/docs/components/pu-chip' },
-      // { name: 'PUCollapsible', link: '/docs/components/pu-collapsible' },
-      // { name: 'PUDataTable', link: '/docs/components/pu-data-table', new: true },
-      // { name: 'PUDropdown', link: '/docs/components/pu-dropdown' },
-      // { name: 'PUInputNumber', link: '/docs/components/pu-input-number' },
-      // { name: 'PUList', link: '/docs/components/pu-list' },
-      // { name: 'PUMenu', link: '/docs/components/pu-menu' },
-      // { name: 'PUPagination', link: '/docs/components/pu-pagination' },
-      // { name: 'PURating', link: '/docs/components/pu-rating' },
-      // { name: 'PUSearch', link: '/docs/components/pu-search' },
-      // { name: 'PUSelectGroup', link: '/docs/components/pu-select-group' },
-
-      { name: 'PUBadge', link: '/docs/components/pu-badge' },
-      { name: 'PUButtonIcon', link: '/docs/components/pu-button-icon' },
-      { name: 'PUButton', link: '/docs/components/pu-button' },
-      { name: 'PUCheckbox', link: '/docs/components/pu-checkbox' },
-      { name: 'PUCompare', link: '/docs/components/pu-compare', new: true },
-      { name: 'PUDatePicker', link: '/docs/components/pu-datepicker', new: true },
-      { name: 'PUInput', link: '/docs/components/pu-input' },
-      { name: 'PUModal', link: '/docs/components/pu-modal' },
+      { name: 'PUToast', link: '/docs/components/pu-toast' },
+      { name: 'PULoading', link: '/docs/components/pu-loading', new: true },
       { name: 'PUProgress', link: '/docs/components/pu-progress', new: true },
-      { name: 'PURadio', link: '/docs/components/pu-radio' },
-      { name: 'PUSelect', link: '/docs/components/pu-select' },
-      { name: 'PUSwitch', link: '/docs/components/pu-switch' },
+    ],
+  },
+  {
+    title: 'Data Display',
+    links: [
       { name: 'PUTable', link: '/docs/components/pu-table', new: true },
-      { name: 'PUTabs', link: '/docs/components/pu-tabs' },
+      { name: 'PUBadge', link: '/docs/components/pu-badge' },
       { name: 'PUTag', link: '/docs/components/pu-tag' },
-      { name: 'PUTextArea', link: '/docs/components/pu-textarea' },
-      { name: 'PUToast', link: '/docs/components/pu-toast' },
-      { name: 'PUTooltip', link: '/docs/components/pu-tooltip' },
+      { name: 'PUAvatar', link: '/docs/components/pu-avatar', new: true },
+      { name: 'PUCompare', link: '/docs/components/pu-compare', new: true },
+    ],
+  },
+  {
+    title: 'Media & Content',
+    links: [
+      { name: 'PUAudio', link: '/docs/components/pu-audio', new: true },
       { name: 'PUvideo', link: '/docs/components/pu-video', new: true },
     ],
   },
+  {
+    title: 'Navigation & Search',
+    links: [
+      { name: 'PUSearch', link: '/docs/components/pu-search', new: true },
+      { name: 'PUTooltip', link: '/docs/components/pu-tooltip' },
+    ],
+  },
 ]
 </script>