use settings items order

packages/.DS_Store

@@ -0,0 +1 @@
+/opt/comty-federated/packages/.DS_Store

packages/app/constants/settings/apparence/index.jsx

@@ -10,6 +10,7 @@ export default {
     icon: "Eye",
     label: "Apparence",
     group: "app",
+    order: 1,
     settings: [
         {
             id: "sidebar.floating",

packages/app/constants/settings/general/index.jsx

@@ -7,6 +7,7 @@ export default {
     icon: "Command",
     label: "General",
     group: "app",
+    order: 0,
     settings: [
         {
             "id": "language",

packages/app/src/pages/settings/index.jsx

@@ -445,7 +445,20 @@ const generateMenuItems = () => {
     })
 
     return groupsKeys.map((groupKey, index) => {
-        const children = groups[groupKey].map((item) => {
+        const ordererItems = groups[groupKey].sort((a, b) => {
+            if (typeof a.order === "undefined") {
+                a.order = groups[groupKey].indexOf(a)
+            }
+
+            if (typeof b.order === "undefined") {
+                b.order = groups[groupKey].indexOf(b)
+            }
+
+            // if value is close to 0, more to the top
+            return a.order - b.order
+        })
+
+        const children = ordererItems.map((item) => {
             return {
                 key: item.id,
                 label: <>