menu with subgroups

frontend/src/menuAside.ts

@@ -7,15 +7,6 @@ const menuAside: MenuAsideItem[] = [
     icon: icon.mdiViewDashboardOutline,
     label: 'Dashboard',
   },
-
-  {
-    href: '/users/users-list',
-    label: 'Users',
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    icon: icon.mdiAccountGroup ?? icon.mdiTable,
-    permissions: 'READ_USERS',
-  },
   {
     href: '/posts/posts-list',
     label: 'Posts',
@@ -27,6 +18,23 @@ const menuAside: MenuAsideItem[] = [
         : icon.mdiTable ?? icon.mdiTable,
     permissions: 'READ_POSTS',
   },
+  {
+    href: '/profile',
+    label: 'Profile',
+    icon: icon.mdiAccountCircle,
+  },
+  {
+    label: 'Admin',
+    icon: icon.mdiShieldAccountVariantOutline,
+    menu: [
+      {
+        href: '/users/users-list',
+        label: 'Users',
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        icon: icon.mdiAccountGroup ?? icon.mdiTable,
+        permissions: 'READ_USERS',
+      },
       {
         href: '/tags/tags-list',
         label: 'Tags',
@@ -70,12 +78,6 @@ const menuAside: MenuAsideItem[] = [
         icon: icon.mdiTable ?? icon.mdiTable,
         permissions: 'READ_COMPANIES',
       },
-  {
-    href: '/profile',
-    label: 'Profile',
-    icon: icon.mdiAccountCircle,
-  },
-
       {
         href: '/contact',
         label: 'Home page',
@@ -89,6 +91,8 @@ const menuAside: MenuAsideItem[] = [
         icon: icon.mdiFileCode,
         permissions: 'READ_API_DOCS',
       },
+    ],
+  },
 ];
 
 export default menuAside;

frontend/tailwind.config.js

@@ -62,9 +62,7 @@ module.exports = {
           500: '#D9DBE9',
           400: '#EFF0F6',
           300: '#F7F7FC',
-        red: {
-          500: '#E63946',
-          600: '#D62839',
+
         },
         red: {
           300: '#F56565',
@@ -73,7 +71,6 @@ module.exports = {
           700: '#9B2C2C',
         },
 
-        },
       spacing: {
         '18': '4.5rem',
         '22': '5.5rem',