Colors + profile mapping + socialNetworks urls. Missing images

src/views/main/Header.vue

@@ -101,7 +101,6 @@
 </template>
 
 <script setup>
-import {useClient} from "@/plugins/api.js";
 import {ref, onMounted, onBeforeUnmount} from "vue";
 import {eventBus} from '@/eventBus.js';
 import {useRouter} from 'vue-router';
@@ -112,7 +111,6 @@ const currentUserName = ref("Anonyme");
 const searchQuery = ref("");
 const showSearch = ref(false);
 let currentUser = null;
-const client = useClient();
 const userStore = useUserStore();
 
 const toggleSidebar = () => {
@@ -152,13 +150,10 @@ const logout = () => {
   window.location.reload();
 };
 
-onMounted(async () => {
-  try {
-    currentUser = await userStore.getCurrentUser(client);
-    currentUserName.value = currentUser.userName;
-  } catch (error) {
-    console.log("User not logged");
-  }
+onMounted( () => {
+  currentUser = userStore.getCurrentUser();
+  currentUserName.value = currentUser.userName;
+
   document.addEventListener('click', handleClickOutside);
 });