UserID add (#337)

## Изменения
Добавлен id пользователя в Профиль


## Check-List
<!-- После сохранения у следующих полей появятся галочки, которые нужно
проставить мышкой -->
- [x] Вы проверили свой код перед отправкой запроса?
- [x] Вы написали тесты к реализованным функциям?
- [x] Вы не забыли применить форматирование `black` и `isort` для
_Back-End_ или `Prettier` для _Front-End_?

Co-authored-by: Alentev Denis <alente.dv20@physics.msu.ru>

Author: MolibDenchik42

src/views/profile/ProfileView.vue

@@ -126,6 +126,8 @@ onMounted(async () => {
 		<span class="user-name">
 			{{ fullName }}
 		</span>
+		<span v-if="profileStore.id" class="user-id"> id: {{ profileStore.id }}</span>
+
 		<section v-if="profileStore.id !== null" class="section">
 			<h2>Достижения</h2>
 			<AchievementsSlider :user-id="profileStore.id" />
@@ -223,7 +225,7 @@ onMounted(async () => {
 }
 
 .user-name {
-	margin-bottom: 32px;
+	margin-bottom: 8px;
 	text-align: center;
 	display: inline-block;
 	align-self: center;
@@ -235,6 +237,16 @@ onMounted(async () => {
 	letter-spacing: 0.1px;
 }
 
+.user-id {
+	margin-bottom: 32px;
+	text-align: center;
+	align-self: center;
+	color: var(--m-3-sys-light-outline, #79747e);
+	font-size: 20px;
+	font-weight: 500;
+	letter-spacing: 0.5px;
+}
+
 .info {
 	margin-bottom: 30px;
 	margin-top: 50px;