tags and new analytics new in budget

src/components/settings/SettingsView.vue

@@ -7,11 +7,17 @@ import {ref} from "vue";
 import Divider from "primevue/divider";
 import CategoriesList from "@/components/settings/categories/CategoriesList.vue";
 import RecurrentList from "@/components/settings/recurrent/RecurrentList.vue";
+import CommonSettings from "@/components/settings/CommonSettings.vue";
 
-const selectedModeCode = ref("categories")
+const selectedModeCode = ref("common")
 
 
 const pages = ref([
+  {
+    "code": "common",
+    "title": "Общие",
+    "icon": "pi pi-cog"
+  },
   {
     "code": "categories",
     "title": "Категории",
@@ -57,7 +63,8 @@ const pages = ref([
         </ul>
       </div>
       <div class=" flex flex-col col-span-5 gap-2 max-h-[90dvh] overflow-y-scroll justify-items-start">
-        <CategoriesList v-if="selectedModeCode == 'categories'"/>
+        <CommonSettings v-if="selectedModeCode == 'common'"/>
+        <CategoriesList v-else-if="selectedModeCode == 'categories'"/>
         <RecurrentList v-else-if="selectedModeCode == 'recurrent'"/>
         <p v-else-if="selectedModeCode == 'notifications'" class="flex justify-items-start justify-center items-center h-screen">NOTIFICATIONS UNDER CONSTRUCTIONS</p>
       </div>