fix(ui): adjust list item layout and reorder settings menu

Author: gustavosbarreto

ui/src/layouts/AppLayout.vue

@@ -55,7 +55,7 @@
             data-test="list-group"
           >
             <template v-slot:activator="{ props }">
-              <v-list-item v-bind="props">
+              <v-list-item lines="two" v-bind="props">
                 <template #prepend>
                   <v-icon data-test="icon">
                     {{ item.icon }}
@@ -229,11 +229,6 @@ const items = [
     title: "Public Keys",
     path: "/sshkeys/public-keys",
   },
-  {
-    icon: "mdi-cog",
-    title: "Settings",
-    path: "/settings",
-  },
   {
     icon: "mdi-account-group",
     title: "Team",
@@ -249,6 +244,11 @@ const items = [
       },
     ],
   },
+  {
+    icon: "mdi-cog",
+    title: "Settings",
+    path: "/settings",
+  },
 ];
 
 const visibleItems = computed(() => items.filter((item) => !item.hidden));