modified: main_dc/BB/bbvue/src/App.vue

modified:   main_dc/BB/bbvue/src/main.js
	modified:   main_dc/BB/bbvue/src/views/Profile.vue
add links from profile icons to login and logout on header

main_dc/BB/bbvue/src/App.vue

@@ -21,10 +21,14 @@
         <div class="menu-box">
           <!-- Отображение зависит от авторизации -->
           <div class="menu-box-item" v-if="isAuthenticated">
+            <RouterLink to="/logout" class="r-link logout">
               <Icon icon="material-symbols:account-circle" class="profile-icon authed" />
+            </RouterLink>
           </div>
           <div class="menu-box-item" v-else>
+            <RouterLink to="/login" class="r-link login">
               <Icon icon="material-symbols:no-accounts" class="profile-icon nonAuthed" />
+            </RouterLink>
           </div>
 
           <div class="menu-box-item h-menu">
@@ -109,6 +113,14 @@ export default {
   align-items: center;
 }
 
+.r-link {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+
 .profile-icon {
   color: rgb(30, 255, 0);
 }

main_dc/BB/bbvue/src/main.js

@@ -6,11 +6,14 @@ import pinia from './stores'
 import App from './App.vue'
 import router from './router'
 import WriteLogo from './components/writeLogo.vue'
+import { Icon } from '@iconify/vue'
 
 const app = createApp(App)
 
 // Регистрируем компоненты глобально
 app.component('WriteLogo', WriteLogo)
+// eslint-disable-next-line vue/multi-word-component-names
+app.component('Icon', Icon)
 
 app.use(pinia)
 app.use(router)

main_dc/BB/bbvue/src/views/Profile.vue

@@ -4,10 +4,7 @@
     <div v-if="authLoading" class="loading">Загрузка профиля...</div>
 
     <div v-else-if="user" class="profile-content">
-      <div class="page-header-name">
-        <h2 class="h2-begushiy-bashkir">👤 Бегущий башкир: </h2>
       <h1 class="h1-names">{{ user.firstName }} {{ user.lastName }}</h1>
-      </div>
 
       <div class="profile-header">
         <!-- Секция аватара -->
@@ -461,7 +458,6 @@ export default {
 
 
 <style scoped>
-
 .page-header-name {
   display: flex;
   flex-direction: row;
@@ -477,8 +473,9 @@ export default {
 }
 
 .h1-names {
-  font-family: var(--header2);
+  font-family: var(--header1);
   font-weight: 700;
+  text-shadow: 2px 2px 4px #b09494be;
 }
 
 .personal-bests-section,