Navbar везде добавлен, ссылки исправлены на относительные,

немного косметики

src/views/LandingPages/Profile/AllProfiles.vue

@@ -2,6 +2,7 @@
 import { onMounted, onUnmounted } from "vue";
 import axios from 'axios';
 import { ref } from "vue";
+import NavbarDefault from "../../../examples/navbars/NavbarDefault.vue";
 
 
 const searchQuery = ref('');
@@ -29,7 +30,7 @@ onMounted(() => {
 
 
 <template>
-
+<NavbarDefault />
   <div>
     
     <h2 class="result-header">Найдено людей: {{ searchResultUsers.length}} </h2>
@@ -37,7 +38,7 @@ onMounted(() => {
       <div class="result-card" v-for="user in searchResultUsers" :key="user.id">
         <h3>{{ user.username }} with id {{ user.id }}</h3>
         <p>{{ user.email }}</p>
-        <a :href="`http://somebodyhire.me/profile/${user.id}`">Страница пользователя</a>
+        <a :href="`/profile/${user.id}`">Страница пользователя</a>
       </div>
     </div>
   </div>

src/views/LandingPages/Profile/Profile.vue

@@ -2,7 +2,7 @@
 import axios from 'axios';
 import { onMounted, ref } from "vue";
 import { useRoute } from "vue-router";
-
+import NavbarDefault from '../../../examples/navbars/NavbarDefault.vue';
 
 const profileId = ref(null);
 const route = useRoute();
@@ -27,17 +27,45 @@ const getProfile = async () => {
 
 
 <template>
-    <div>
-      <h1>Профиль пользователя номер: {{ profileData.id }}</h1>
+  <NavbarDefault />
+  <div class="profile-container">
+    <h1>Профиль пользователя {{ loggedUserName }}</h1>
       <h2>{{ profileData.username }}</h2>
-        <p>{{ profileData.email }}</p>
+      <p>{{ profileData.email }}</p>
+      <P>Имя: {{ profileData.name }}</P>
+      <p>Местоположение: {{ profileData.location }}</p>
+      <p>Краткое описание: {{ profileData.short_intro }}</p>
+      <p>Биография: {{ profileData.bio }}</p>
+      <p>Ссылка на изображение: {{ profileData.profile_image }}</p>
+      <p>Ссылка на GitHub: {{ profileData.social_github }}</p>
+      <p>Ссылка на Twitter: {{ profileData.social_twitter }}</p>
+      <p>Ссылка на VK: {{ profileData.social_vk }}</p>
+      <p>Ссылка на YouTube: {{ profileData.social_youtube }}</p>
+      <p>Ссылка на сайт: {{ profileData.social_website }}</p>
       
 
-    </div>
-  </template> 
+    
+  </div>
+</template> 
 
 
 
 <style scoped>
-</style>
+.profile-container {
+display: flex;
+flex-direction: column;
+align-items: center;
+width: 80%;
+margin: auto;
+padding: 20px;
+box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
+}
 
+.profile-container img {
+width: 100px;
+height: 100px;
+border-radius: 50%;
+object-fit: cover;
+margin-bottom: 20px;
+}
+</style>

src/views/LandingPages/Project/AllProjects.vue

@@ -2,7 +2,7 @@
 import { onMounted, onUnmounted } from "vue";
 import axios from 'axios';
 import { ref } from "vue";
-
+import NavbarDefault from "../../../examples/navbars/NavbarDefault.vue";
 
 const searchQuery = ref('');
 const searchResultProjects = ref([]);
@@ -29,14 +29,14 @@ onMounted(() => {
 
 
 <template>
-
+<NavbarDefault  />
   <div>
     <h2 class="result-header">Найдено проектов: {{ searchResultProjects.length}} </h2>
     <div class="result-grid">
       <div class="result-card" v-for="project in searchResultProjects" :key="project.id">
         <h3>{{ project.title }} with ID {{ project.id }}</h3>
         <p>{{ project.description }}</p>
-        <a :href="`http://somebodyhire.me/project/${project.id}`">Страница проекта</a>
+        <a :href="`/project/${project.id}`">Страница проекта</a>
       </div>
     </div>
     

src/views/LandingPages/Project/Project.vue

@@ -2,6 +2,7 @@
 import axios from 'axios';
 import { onMounted, ref } from "vue";
 import { useRoute } from "vue-router";
+import NavbarDefault from '../../../examples/navbars/NavbarDefault.vue';
 
 
 const projectId = ref(null);
@@ -30,6 +31,7 @@ const getProject = async () => {
 
 
 <template>
+  <NavbarDefault />
     <div v-if="projectData">
       <h1>Проект номер: {{ projectData.id }}</h1>
       <h2>{{ projectData.title }}</h2>