diff --git a/src/components/base/form/TextEditor/Custom/Color/ColorMenuBar.vue b/src/components/base/form/TextEditor/Custom/Color/ColorMenuBar.vue
deleted file mode 100644
index 95e117572..000000000
--- a/src/components/base/form/TextEditor/Custom/Color/ColorMenuBar.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<script setup lang="ts">
-import { DEFAULT_COLOR_TIPTAP } from '~/functs/constants'
-import type { IconImageChoice } from '~/functs/IconImage'
-import type { Editor } from '@tiptap/vue-3'
-
-// "@tiptap/extension-table",
-// "@tiptap/starter-kit",
-// "@tiptap/extension-link",
-// "@tiptap/extension-text-align",
-
-const props = defineProps<{
-  editor: Editor
-}>()
-const { t } = useNuxtI18n()
-
-const setColor = (color) => props.editor.chain().focus().setColor(color).run()
-
-const items = computed(() => [
-  {
-    icon: 'Close' satisfies IconImageChoice as IconImageChoice,
-    title: t('multieditor.color.remove-color'),
-    action: () => props.editor.chain().focus().unsetColor().run(),
-  },
-])
-</script>
-
-<template>
-  <LpiBubbleMenu
-    :editor="editor"
-    class="linkmenu"
-    plugin-key="ColorMenu"
-    :should-show="
-      ({ editor }) => editor.isActive('paragraph') && !editor.view.state.selection.empty
-    "
-  >
-    <ContexttualToolMenu class="link-menu-bar">
-      <button
-        v-for="item in DEFAULT_COLOR_TIPTAP"
-        :key="item.color"
-        :title="t(item.label)"
-        class="color-preview pointer"
-        :style="`--color: ${item.color}`"
-        @click="() => setColor(item.color)"
-      />
-      <MenuItem v-for="item in items" :key="item.title" v-bind="item" />
-    </ContexttualToolMenu>
-  </LpiBubbleMenu>
-</template>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.color-preview {
-  width: 1.5rem;
-  height: 1.5rem;
-  background-color: var(--color);
-  transition: transform 0.2s;
-
-  &:hover {
-    transform: scale(1.2);
-  }
-}
-</style>
diff --git a/src/components/base/navigation/ListPaginator.vue b/src/components/base/navigation/ListPaginator.vue
deleted file mode 100644
index 836ca8b2a..000000000
--- a/src/components/base/navigation/ListPaginator.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <slot
-    :limit="limit"
-    :items="items"
-    :total-count="list.length"
-    :pagination="pagination"
-    :pagination-action="onClickPagination"
-    :is-loading="isLoading"
-  />
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    limit?: number
-    list?: any[]
-  }>(),
-  {
-    limit: 12,
-    list: () => [],
-  }
-)
-
-const currentPage = ref(1)
-const isLoading = ref(false)
-
-const totalPage = computed(() => {
-  return Math.ceil(props.list.length / props.limit)
-})
-
-const items = computed(() => {
-  const start = (currentPage.value - 1) * props.limit
-  const end = start + props.limit
-  return props.list.slice(start, end)
-})
-
-const previous = computed(() => {
-  return currentPage.value > 1 ? currentPage.value - 1 : null
-})
-
-const next = computed(() => {
-  return currentPage.value < totalPage.value ? currentPage.value + 1 : null
-})
-
-const last = computed(() => {
-  return totalPage.value
-})
-
-const pagination = computed(() => {
-  return {
-    currentPage: currentPage.value,
-    total: totalPage.value,
-    previous: previous.value,
-    next: next.value,
-    first: 1,
-    last: last.value,
-  }
-})
-
-const onClickPagination = async (page) => {
-  // simulate async operation
-  // for ux coherence
-  isLoading.value = true
-  await new Promise((resolve) => setTimeout(resolve, 200))
-  currentPage.value = page
-  isLoading.value = false
-}
-</script>
diff --git a/src/components/onboarding/CompleteProfile/CompleteProfileStep1.vue b/src/components/onboarding/CompleteProfile/CompleteProfileStep1.vue
index a30b057af..26255c39a 100644
--- a/src/components/onboarding/CompleteProfile/CompleteProfileStep1.vue
+++ b/src/components/onboarding/CompleteProfile/CompleteProfileStep1.vue
@@ -161,13 +161,7 @@
       :title="$t('profile.drawer_title')"
       @close="exempleToShow = null"
     >
-      <UserProfileV2
-        v-if="exempleToShow"
-        ref="profile-user"
-        :can-edit="false"
-        :user-id="exempleToShow"
-        is-preview
-      />
+      <UserProfilePreview v-if="exempleToShow" ref="profile-user" :user-id="exempleToShow" />
     </BaseDrawer>
   </template>
 </template>
@@ -185,9 +179,9 @@ import { usePatatoids } from '~/composables/usePatatoids'
 
 import ProfileEditBlock from '@/components/onboarding/CompleteProfile/ProfileEditBlock.vue'
 import TipTapEditor from '@/components/base/form/TextEditor/TipTapEditor.vue'
+import UserProfilePreview from '@/components/people/UserProfilePreview.vue'
 import { NULL_CONTENT, SDGS, VALID_NAME_REGEX } from '~/functs/constants'
 import LoaderSimple from '@/components/base/loader/LoaderSimple.vue'
-import UserProfileV2 from '@/components/people/UserProfileV2.vue'
 import { pictureApiToImageSizes } from '~/functs/imageSizesUtils'
 import IconImage from '@/components/base/media/IconImage.vue'
 import BaseDrawer from '@/components/base/BaseDrawer.vue'
@@ -204,7 +198,7 @@ export default {
     ProfileEditBlock,
     TipTapEditor,
     BaseDrawer,
-    UserProfileV2,
+    UserProfilePreview,
     LoaderSimple,
   },
 
diff --git a/src/components/people/FullProfile/ProfileHeaderV2.vue b/src/components/people/FullProfile/ProfileHeaderV2.vue
deleted file mode 100644
index f6d89dd30..000000000
--- a/src/components/people/FullProfile/ProfileHeaderV2.vue
+++ /dev/null
@@ -1,274 +0,0 @@
-<template>
-  <div class="profile-header">
-    <div class="profile-content">
-      <div class="img-block">
-        <div class="img-ctn">
-          <CroppedApiImage
-            :alt="`${user.given_name} ${user.family_name} image`"
-            :picture-data="user.profile_picture"
-            picture-size="medium"
-            :default-picture="DEFAULT_USER_PATATOID"
-          />
-        </div>
-      </div>
-
-      <div class="user-info-ctn">
-        <div class="main">
-          <div class="name-ctn">
-            <div class="name">
-              {{ user.given_name }} {{ user.family_name }}
-              <span v-if="user.pronouns && user.pronouns.length" class="pronouns">
-                ({{ user.pronouns }})
-              </span>
-            </div>
-          </div>
-
-          <div class="job">
-            {{ capitalize(user?.$t?.job) }}
-          </div>
-
-          <div v-if="displayableGroups.length" class="group-ctn">
-            <div v-for="group in displayableGroups" :key="group.id">
-              <NuxtLink
-                :to="{
-                  name: 'Group',
-                  params: {
-                    groupIdOrSlug: group.slug || group.id,
-                  },
-                }"
-                class="group-anim"
-              >
-                <BadgeItem
-                  v-if="group && group.name"
-                  :label="group.$t.name"
-                  class="group"
-                  size="small"
-                />
-              </NuxtLink>
-            </div>
-          </div>
-
-          <p
-            v-if="user.short_description"
-            class="short-description"
-            v-html="user.short_description"
-          />
-
-          <div v-if="user && user.sdgs && user.sdgs.length" class="sdg-ctn">
-            <SdgList
-              :sdgs="user.sdgs || []"
-              :to="{
-                name: 'PeopleSearch',
-                query: {
-                  section: 'people',
-                },
-              }"
-            />
-          </div>
-
-          <div v-if="user.researcher" class="sdg-ctn">
-            <IdentifierLink
-              v-for="identifier in user.researcher.identifiers"
-              :key="identifier.value"
-              :identifier="identifier"
-              type="researcher"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import IdentifierLink from '~/components/profile/modules/Documents/IdentifierLink.vue'
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import SdgList from '~/components/sdgs/SdgList.vue'
-
-import { DEFAULT_USER_PATATOID } from '~/composables/usePatatoids'
-
-import { capitalize } from '~/functs/string'
-
-const organizationCode = useOrganizationCode()
-
-const props = withDefaults(
-  defineProps<{
-    user?: TranslatedUserModel
-  }>(),
-  { user: null }
-)
-
-const displayableGroups = computed(() => {
-  // @ts-expect-error peopleGroup is "light" in userModel
-  return props.user?.people_groups
-    ? // @ts-expect-error peopleGroup is "light" in userModel
-      props.user.people_groups.filter((group) => group.organization === organizationCode)
-    : []
-})
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.profile-header {
-  position: relative;
-
-  .img-block {
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 variables.pxtorem(240px);
-    width: variables.pxtorem(240px);
-    margin: 0 auto variables.$space-xl;
-
-    .img-ctn {
-      width: variables.pxtorem(240px);
-      height: variables.pxtorem(240px);
-      border-radius: 100%;
-      overflow: hidden;
-      flex-shrink: 0;
-
-      .cropped-image {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-
-  .user-info-ctn {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-
-    .main {
-      flex-grow: 1;
-      flex-basis: 100%;
-      display: flex;
-      flex-flow: column;
-      margin-bottom: variables.$layout-size-5xl;
-
-      > *:last-child {
-        margin-bottom: 0 !important;
-      }
-
-      .name-ctn {
-        display: flex;
-        flex-basis: 100%;
-        align-items: center;
-      }
-
-      .name {
-        flex-grow: 1;
-        font-size: variables.$font-size-5xl;
-        font-weight: 700;
-        margin-bottom: variables.$space-l;
-        text-transform: capitalize;
-      }
-
-      .pronouns {
-        font-size: variables.$font-size-l;
-        font-weight: 400;
-      }
-
-      .job {
-        font-size: variables.$font-size-l;
-        font-weight: 400;
-        margin-bottom: variables.$space-l;
-      }
-
-      .short-description {
-        font-weight: 400;
-        font-size: variables.$font-size-m;
-        margin-bottom: variables.$space-l;
-      }
-
-      .short-bio {
-        font-size: variables.$font-size-m;
-        margin-bottom: variables.$space-l;
-        display: flex;
-      }
-
-      .group-ctn {
-        display: flex;
-        gap: variables.$space-m;
-        flex-wrap: wrap;
-        margin-bottom: variables.$space-l;
-      }
-
-      .group-anim {
-        transition: transform 0.3s ease-in-out;
-        transform-origin: center bottom;
-        display: inline-block;
-        transform: translateZ(0);
-
-        &:hover {
-          transform: translateZ(0) scaleY(1.3);
-        }
-      }
-
-      .group {
-        cursor: pointer;
-      }
-
-      .sdg-ctn {
-        display: flex;
-        flex-wrap: wrap;
-        gap: variables.$space-s;
-        margin-top: variables.$space-l;
-
-        .sdg-img {
-          width: variables.pxtorem(40px);
-          height: variables.pxtorem(40px);
-          transition: all 0.2s ease-in-out;
-          transform: translateZ(0);
-
-          &:hover {
-            transform: translateZ(0) scale(1.2);
-          }
-        }
-      }
-    }
-  }
-}
-
-@media screen and (min-width: variables.$max-tablet) {
-  .profile-header {
-    border: variables.$border-width-s solid variables.$primary;
-    border-radius: variables.$border-radius-l;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-
-    .profile-content {
-      display: flex;
-      align-items: center;
-      gap: variables.$space-l;
-    }
-
-    .img-block {
-      padding: variables.$space-xl 0 variables.$space-xl variables.$space-l;
-      margin: 0;
-    }
-
-    .user-info-ctn {
-      flex-grow: 1;
-      padding: variables.$space-xl 0;
-
-      .main {
-        margin-bottom: 0;
-      }
-
-      .name {
-        margin-bottom: variables.$space-s;
-      }
-
-      .short-bio {
-        font-size: variables.$font-size-s;
-        margin-bottom: variables.$space-m;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/components/people/UserDescriptions.vue b/src/components/people/UserDescriptions.vue
deleted file mode 100644
index 5fb71c281..000000000
--- a/src/components/people/UserDescriptions.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="user-descriptions" :class="{ limited: isLimited }">
-    <div v-if="isLimited" :style="limiterStyle" class="limited-description">
-      <HtmlLimiter
-        :html="fullDescription"
-        :striped-tags="['table']"
-        class="description-content"
-        @computed="layoutComputed"
-        @computing="computeLayout"
-      />
-    </div>
-    <div v-else class="full-description">
-      <!-- work description -->
-      <div class="description-content" v-html="fullDescription" />
-    </div>
-    <div v-if="isLimited" class="see-more">
-      <SeeMoreArrow data-test="see-more-bio" @click.prevent="goToProfileBio" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-import SeeMoreArrow from '~/components/base/button/SeeMoreArrow.vue'
-import HtmlLimiter from '~/components/base/HtmlLimiter.vue'
-import type { StyleValue } from 'vue'
-
-const tabsLayoutSelectTab = inject<(number) => void>('tabsLayoutSelectTab')
-
-const props = withDefaults(
-  defineProps<{
-    user?: TranslatedUserModel
-    isLimited?: boolean
-  }>(),
-  {
-    user: null,
-    isLimited: false,
-  }
-)
-const limiterStyle = ref<StyleValue>()
-
-const fullDescription = computed(() => {
-  return `<div class="description-content">${props.user?.$t?.description}</div>`
-})
-
-const computeLayout = () => {
-  limiterStyle.value = {}
-}
-const layoutComputed = (event) => {
-  limiterStyle.value = { height: event.height + 'px' }
-}
-const goToProfileBio = () => tabsLayoutSelectTab(1)
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.limited-description {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: stretch;
-  height: variables.pxtorem(320px);
-}
-
-.user-descriptions {
-  padding: variables.$space-l;
-
-  &.limited {
-    @media all and (min-width: variables.$max-tablet) {
-      border: variables.$border-width-s solid variables.$primary;
-      border-radius: variables.$border-radius-l;
-    }
-  }
-
-  .description-content {
-    margin-bottom: variables.$space-l;
-  }
-
-  :deep(.title) {
-    font-size: variables.$font-size-m;
-    font-weight: 700;
-    color: variables.$primary-dark;
-    margin-bottom: variables.$space-l;
-  }
-}
-
-.see-more {
-  display: flex;
-  justify-content: flex-end;
-}
-</style>
diff --git a/src/components/people/UserProfile/UserProjectList.vue b/src/components/people/UserProfile/UserProjectList.vue
deleted file mode 100644
index 897aca908..000000000
--- a/src/components/people/UserProfile/UserProjectList.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <div>
-    <CardList :is-loading="projectsLoading" :limit="limit" :items="projects">
-      <template #default="projectListSlotProps">
-        <ProjectCard
-          v-if="projectListSlotProps.item"
-          :horizontal-display="true"
-          :project="projectListSlotProps.item"
-          @card-update="emit('card-update')"
-        />
-      </template>
-      <template #empty>
-        <div class="empty-ctn" :class="gridLayout">
-          <EmptyCard class="empty-card" :label="emptyLabel" />
-        </div>
-      </template>
-    </CardList>
-    <div v-if="pagination?.total > 1 && !projectsLoading" class="project-list-pagination">
-      <PaginationButtons
-        :current="pagination.currentPage"
-        :pagination="pagination"
-        :total="pagination.total"
-        @update-pagination="emit('pagination-changed', $event)"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedProject } from 'shared-projects-frontend/models'
-
-import ProjectCard from '~/components/project/ProjectCard.vue'
-import CardList from '~/components/base/CardList.vue'
-
-import EmptyCard from './EmptyCard.vue'
-
-const props = withDefaults(
-  defineProps<{
-    // use this to pass project list (without making a request here)
-    projects: TranslatedProject[]
-    projectsLoading?: boolean
-    emptyLabel?: string
-    numberColumn?: number
-    limit?: number
-    pagination?: any
-  }>(),
-  {
-    projectsLoading: false,
-    emptyLabel: null,
-    numberColumn: 4,
-    limit: 12,
-    pagination: null,
-  }
-)
-
-const emit = defineEmits(['card-update', 'pagination-changed'])
-const gridLayout = computed(() => `desktop-col--${props.numberColumn}`)
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.empty-ctn {
-  display: grid;
-  justify-items: center;
-  justify-content: left;
-  grid-template-columns: variables.$card_width;
-}
-
-.project-list-pagination {
-  padding-top: variables.$space-l;
-  padding-bottom: variables.$space-2xl;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-</style>
diff --git a/src/components/people/UserProfile/UserProjectsSearch.vue b/src/components/people/UserProfile/UserProjectsSearch.vue
deleted file mode 100644
index f254f0789..000000000
--- a/src/components/people/UserProfile/UserProjectsSearch.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <div :id="projectListId" ref="root">
-    <slot
-      :is-loading="isLoading"
-      :limit="limit"
-      :items="items"
-      :total-count="totalCount"
-      :pagination="pagination"
-      :pagination-action="onClickPagination"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { clientAPI, getAllProjects, getUserFollows } from 'shared-projects-frontend/apis'
-
-import type {
-  ProjectMemberRoleType,
-  QueryFilterProject,
-  TranslatedUserModel,
-} from 'shared-projects-frontend/models'
-import { debounce } from 'es-toolkit'
-
-const props = withDefaults(
-  defineProps<{
-    // if true, show followed projects
-    follow?: boolean
-    memberRoles?: ProjectMemberRoleType[]
-    user: TranslatedUserModel
-    // limit of projects to show
-    limit?: number
-  }>(),
-  {
-    follow: false,
-    memberRoles: () => [],
-    limit: 12,
-  }
-)
-
-const emit = defineEmits<{
-  'number-project': [number]
-  'list-updated': [number]
-  'pagination-changed': [PaginationResult]
-  loading: [boolean]
-}>()
-
-const organizationsCode = useOrganizationCode()
-
-const rootRef = useTemplateRef('root')
-
-const projectListId = useUniqueId(16)
-const items = ref([])
-const isLoading = ref(true)
-const totalCount = ref(0)
-const pagination = ref({
-  currentPage: 1,
-  total: 1,
-  previous: undefined,
-  next: undefined,
-  first: undefined,
-  last: undefined,
-})
-
-const search = computed(() => {
-  return {
-    limit: props.limit,
-    ordering: '-updated_at',
-    // @ts-expect-error change string to list
-    member_role: props.memberRoles.join(','),
-    members: [props.user.id],
-    organizations: [organizationsCode],
-  } satisfies QueryFilterProject
-})
-
-const initProjectLoading = () => {
-  items.value = []
-  isLoading.value = true
-  emit('loading', true)
-}
-
-const loadProjects = debounce(async (specificPageIndex = null) => {
-  initProjectLoading()
-  let response
-  if (specificPageIndex) {
-    response = await clientAPI(specificPageIndex)
-  } else if (props.follow) {
-    response = await getUserFollows(
-      {
-        follower_id: props.user.id,
-      },
-      { limit: props.limit }
-    )
-  } else {
-    // @ts-expect-error change string to list
-    response = await getAllProjects({ query: search.value })
-  }
-  updateProjectList(response)
-}, 40)
-
-onUnmounted(() => loadProjects.cancel())
-
-const updateProjectList = (response) => {
-  if (!response) return
-  updatePagination(response)
-  // Set new projects and end loading
-  const maxResults = response.max_results || props.limit
-
-  emit('number-project', response.count)
-
-  totalCount.value = response.count
-  if (props.follow) {
-    const results = response.results?.map((follow) => follow.project) || []
-    items.value.push(...results.slice(0, maxResults))
-  } else {
-    items.value.push(...(response.results?.slice(0, maxResults) || []))
-  }
-  isLoading.value = false
-  emit('loading', false)
-
-  // Make Home.vue show/hide my-projects section depending on new projects length
-  emit('list-updated', response.count)
-}
-
-const onClickPagination = (requestedPage) => {
-  // this.pagination.currentPage = requestedPage
-  loadProjects(requestedPage)
-  rootRef.value.scrollIntoView({ behavior: 'smooth' })
-}
-
-const updatePagination = (response) => {
-  if (!response) return
-  const maxResults = response.max_results || 12
-  pagination.value.currentPage = response.current_page
-  pagination.value.total = response.total_page || Math.ceil(response.count / maxResults)
-  pagination.value.previous = response.previous
-  pagination.value.next = response.next
-  pagination.value.first = response.first
-  pagination.value.last = response.last
-
-  // @ts-expect-error rework this components
-  emit('pagination-changed', pagination.value)
-}
-
-watch(search, () => loadProjects(), { immediate: true, deep: true })
-</script>
diff --git a/src/components/people/UserProfilePreview.vue b/src/components/people/UserProfilePreview.vue
new file mode 100644
index 000000000..3a95add2c
--- /dev/null
+++ b/src/components/people/UserProfilePreview.vue
@@ -0,0 +1,125 @@
+<template>
+  <div>
+    <div v-if="user && !isLoading" :key="user.id" class="user-profile">
+      <div>
+        <div class="profile-links">
+          <LinkButton
+            class="page-btn"
+            btn-icon="Eye"
+            :label="$t('profile.go-to-page')"
+            :to="{
+              name: 'ProfileUser',
+              params: { userIdOrSlug: user?.slug || userId },
+            }"
+          />
+        </div>
+        <ProfileSummaryTab :user="user" />
+      </div>
+    </div>
+    <NavPanelLoader v-else />
+  </div>
+</template>
+
+<script>
+import { getUser } from 'shared-projects-frontend/apis'
+
+import useUsersStore from '~/stores/useUsers'
+
+import { usePermissionUser } from '~/composables/usePermissions/useUserPermissions'
+import ProfileSummaryTab from '~/pages/UserPageV2/Tabs/ProfileSummaryTab.vue'
+
+export default {
+  name: 'UserProfilePreview',
+
+  components: {
+    ProfileSummaryTab,
+  },
+  provide() {
+    return {
+      tabsLayoutSelectTab: this.selectTab,
+    }
+  },
+
+  props: {
+    userId: {
+      type: [Number, String, null],
+      default: null,
+    },
+  },
+
+  emits: ['user-not-found', 'close', 'profile-edited'],
+
+  setup(props) {
+    const usersStore = useUsersStore()
+    const { canEditUser } = usePermissionUser(computed(() => props.userId))
+    const { onboardingTrap } = useOnboardingStatus()
+    const { t } = useNuxtI18n()
+    const uniqueId = 'project-nav-panel'
+    const { isNavCollapsed, toggleNavPanel, collapseIfUnderBreakpoint } =
+      useToggleableNavPanel(uniqueId)
+
+    const onNavigated = collapseIfUnderBreakpoint
+
+    const breadCrumbs = computed(() => [
+      {
+        name: t('common.people'),
+        route: { name: 'People' },
+      },
+    ])
+    const originalUser = ref(null)
+    const { translateUser } = useAutoTranslate()
+    const user = translateUser(originalUser)
+    const isLoading = ref(true)
+    return {
+      usersStore,
+      canEditUser,
+      isNavCollapsed,
+      toggleNavPanel,
+      onNavigated,
+      breadCrumbs,
+      originalUser,
+      user,
+      isLoading,
+      onboardingTrap,
+    }
+  },
+
+  async mounted() {
+    try {
+      await this.loadUser()
+    } catch (err) {
+      // TODO distinguish 404 from real error
+      this.$emit('user-not-found', err)
+    } finally {
+      this.isLoading = false
+    }
+  },
+
+  methods: {
+    async loadUser() {
+      if (!this.userId || this.userId === this.usersStore.id) {
+        // get the connected user
+        this.originalUser = await this.usersStore.refreshUser()
+      } else if (this.userId) {
+        // get another user
+        this.originalUser = await getUser(this.userId, { noError: true })
+      } else {
+        throw new Error('userId is empty')
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@use '~/design/scss/variables';
+
+.profile-links {
+  display: inline-flex;
+  width: 100%;
+  justify-content: flex-end;
+  padding-bottom: 24px;
+  text-transform: none;
+  gap: variables.$space-unit;
+}
+</style>
diff --git a/src/components/people/UserProfileV2.vue b/src/components/people/UserProfileV2.vue
deleted file mode 100644
index 6627d5f26..000000000
--- a/src/components/people/UserProfileV2.vue
+++ /dev/null
@@ -1,655 +0,0 @@
-<template>
-  <div>
-    <div v-if="user && !isLoading" :key="user.id" class="user-profile">
-      <div v-if="isPreview">
-        <div class="profile-links">
-          <LinkButton
-            class="page-btn"
-            btn-icon="Eye"
-            :label="$t('profile.go-to-page')"
-            :to="{
-              name: 'ProfileUser',
-              params: { userIdOrSlug: user?.slug || userId },
-            }"
-          />
-        </div>
-        <ProfileSummaryTab :user="user" />
-      </div>
-      <NavPanelLayout
-        v-else
-        :is-loading="isLoading"
-        :is-nav-collapsed="isNavCollapsed"
-        :breadcrumbs="breadCrumbs || []"
-        @toggle-nav-panel="toggleNavPanel"
-        @collapse-nav-panel="isNavCollapsed = true"
-      >
-        <template #nav-panel>
-          <LazyProfileNavPanel
-            v-if="!isLoading && !isNavCollapsed"
-            :class="{ collapsed: isNavCollapsed }"
-            :profile-tabs="profileTabs"
-            :current-tab="currentTab"
-            :user="user"
-            :edit-button-label="editButtonLabel"
-            :edit-profile-link="editProfileLink"
-            :is-editing="isEditing"
-            :can-edit-user="canEditUserOrIsSelf"
-            :is-current-user="userId === null"
-            class="slide-panel"
-            @navigated="onNavigated"
-          />
-        </template>
-        <template v-if="currentTab" #content>
-          <SubPageTitle :title-prefix="userFullName" :current-tab="currentTab" />
-          <NuxtPage v-bind="currentTab.props" />
-        </template>
-      </NavPanelLayout>
-    </div>
-    <NavPanelLoader v-else />
-  </div>
-</template>
-
-<script>
-import { getUser } from 'shared-projects-frontend/apis'
-
-import useUsersStore from '~/stores/useUsers'
-
-import ProfileSummaryTab from '~/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.vue'
-import { usePermissionUser } from '~/composables/usePermissions/useUserPermissions'
-import NavPanelLoader from '~/components/base/layouts/NavPanelLoader.vue'
-
-export default {
-  name: 'UserProfileV2',
-
-  components: {
-    ProfileSummaryTab,
-    NavPanelLoader,
-  },
-  provide() {
-    return {
-      tabsLayoutSelectTab: this.selectTab,
-    }
-  },
-
-  props: {
-    userId: {
-      type: [Number, String, null],
-      default: null,
-    },
-
-    // isEditing: {
-    //   type: Boolean,
-    //   default: false,
-    // },
-    // showPageLink: {
-    //   type: Boolean,
-    //   default: true,
-    // },
-    // routableTabs: {
-    //   type: Boolean,
-    //   default: false,
-    // },
-
-    isPreview: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  emits: ['user-not-found', 'close', 'profile-edited'],
-
-  setup(props) {
-    const usersStore = useUsersStore()
-    const { canEditUser } = usePermissionUser(computed(() => props.userId))
-    const { onboardingTrap } = useOnboardingStatus()
-    const { t } = useNuxtI18n()
-    const uniqueId = 'project-nav-panel'
-    const { isNavCollapsed, toggleNavPanel, collapseIfUnderBreakpoint } =
-      useToggleableNavPanel(uniqueId)
-
-    const onNavigated = collapseIfUnderBreakpoint
-
-    const breadCrumbs = computed(() => [
-      {
-        name: t('common.people'),
-        route: { name: 'People' },
-      },
-    ])
-    const originalUser = ref(null)
-    const { translateUser } = useAutoTranslate()
-    const user = translateUser(originalUser)
-    const isLoading = ref(true)
-    return {
-      usersStore,
-      canEditUser,
-      isNavCollapsed,
-      toggleNavPanel,
-      onNavigated,
-      breadCrumbs,
-      originalUser,
-      user,
-      isLoading,
-      onboardingTrap,
-    }
-  },
-
-  // data() {
-  //   return {
-  // TODO: add back once we can edit user
-  // projectUser: null,
-  // isEditMode: false,
-  // canEdit: false,
-  // payload: {
-  //     editorShortDescription: {
-  //         savedContent: '',
-  //         originalContent: '',
-  //     },
-  //     editorProfessionalDescription: {
-  //         savedContent: '',
-  //         originalContent: '',
-  //     },
-  //     editorPersonalDescription: {
-  //         savedContent: '',
-  //         originalContent: '',
-  //     },
-  // },
-  //   }
-  // },
-
-  computed: {
-    // connectedUser() {
-    //   return this.usersStore.userFromApi
-    // },
-
-    userFullName() {
-      const parts = []
-      if (this.user?.given_name) {
-        parts.push(this.user.given_name)
-      }
-      if (this.user?.family_name) {
-        parts.push(this.user.family_name)
-      }
-      return parts.join(' ')
-    },
-
-    isSelf() {
-      return !this.userId // this.connectedUser && this.user.id === this.connectedUser.id
-    },
-
-    canEditUserOrIsSelf() {
-      return this.canEditUser || this.isSelf
-    },
-
-    editButtonLabel() {
-      return this.isSelf ? this.$t('profile.edit.edit-your-profile') : this.$t('profile.edit.edit')
-    },
-    editProfileLink() {
-      return this.currentTab?.altView
-    },
-
-    profileTabs() {
-      return this.isEditing ? this.profileEditTabsFiltered : this.profileDisplayTabsFiltered
-    },
-
-    profileDisplayTabs() {
-      // watch out for the order of the tabs
-      // the indices are used in calls to provided method tabsLayoutSelectTab()
-      // some index are used for navigation (see below)
-
-      const params = { userIdOrSlug: this.user.slug || this.user.id }
-      return [
-        {
-          label: this.$t('profile.snapshot'),
-          key: 'snapshot',
-          id: 'profile-summary',
-          // view: `/profile/${this.pathInfix}summary`,
-          view: {
-            name: 'ProfileSummary',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditGeneral',
-            params,
-          },
-          // component: ProfileSummaryTab,
-          props: {
-            user: this.user,
-          },
-          icon: 'Home',
-          condition: true,
-          noTitle: true, // no title for this tab
-        },
-        {
-          // watch out for the order of this tab
-          // this tab index (1) is used in UserDescription.vue
-          label: this.$t('profile.bio'),
-          key: 'bio',
-          id: 'profile-bio',
-          // view: `/profile/${this.pathInfix}bio`,
-          view: {
-            name: 'ProfileBio',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditBio',
-            params,
-          },
-          // component: ProfileBioTab,
-          props: {
-            user: this.user,
-          },
-          condition: !!this.user.description,
-          icon: 'Account',
-        },
-        {
-          // watch out for the order of this tab
-          // this tab index (2) is used in UserProjectList.vue
-          label: this.$t('profile.projects'),
-          key: 'projects',
-          id: 'profile-projects',
-          //view: `/profile/${this.pathInfix}projects`,
-          view: {
-            name: 'ProfileProjects',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditProjects',
-            params,
-          },
-          // component: ProfileProjectTab,
-          props: {
-            user: this.user,
-          },
-          condition: true,
-          icon: 'Archive',
-        },
-        {
-          label: this.$t('profile.publications'),
-          key: 'publications',
-          id: 'profile-publications',
-          view: {
-            name: 'ResearcherPublications',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditPublications',
-            params,
-          },
-          props: {
-            user: this.user,
-          },
-          // dispay publications only if user have publications
-          condition: this.user?.researcher?.documents?.publications,
-          icon: 'Pen',
-        },
-        {
-          label: this.$t('profile.conferences'),
-          key: 'conferences',
-          id: 'profile-conferences',
-          view: {
-            name: 'ResearcherConferences',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditConferences',
-            params,
-          },
-          props: {
-            user: this.user,
-          },
-          condition: this.user?.researcher?.documents?.conferences,
-          icon: 'Pen',
-        },
-        {
-          label: this.$t('profile.groups'),
-          key: 'groups',
-          id: 'profile-groups',
-          //view: `/profile/${this.pathInfix}groups`,
-          view: {
-            name: 'ProfileGroups',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditGroups',
-            params,
-          },
-          // component: ProfileGroupsTab,
-          props: {
-            user: this.user,
-          },
-          condition: this.user?.people_groups?.length,
-          icon: 'Users',
-        },
-        {
-          // watch out for the order of this tab
-          // this tab index (4) is used in SkillSummary.vue
-          label: this.$t('profile.skills'),
-          key: 'skills',
-          id: 'profile-skills',
-          // view: `/profile/${this.pathInfix}skills`,
-          view: {
-            name: 'ProfileSkills',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditSkills',
-            params,
-          },
-          // component: ProfileSkillTab,
-          props: {
-            user: this.user,
-          },
-
-          condition: this.user?.skills?.length,
-          icon: 'VipCrownLine',
-        },
-        {
-          // watch out for the order of this tab
-          // this tab index (4) is used in SkillSummary.vue
-          label: this.$t('resource.resources'),
-          key: 'resources',
-          id: 'profile-resources',
-          // view: `/profile/${this.pathInfix}skills`,
-          view: {
-            name: 'ProfileResources',
-            params,
-          },
-          altView: {
-            name: 'ProfileEditResources',
-            params,
-          },
-          // component: ProfileSkillTab,
-          props: {
-            user: this.user,
-          },
-
-          condition: this.user?.resources?.links || this.user?.resources?.files,
-          icon: 'File',
-        },
-      ]
-    },
-
-    profileDisplayTabsFiltered() {
-      return this.profileDisplayTabs.map((entry) => ({
-        ...entry,
-        dataTest: entry.key,
-      }))
-    },
-
-    profileEditTabs() {
-      // watch out for the order of the tabs
-      // the indices are used in calls to provided method tabsLayoutSelectTab()
-      // some index are used for navigation (see below)
-      const params = { userIdOrSlug: this.user.slug || this.user.id }
-      const props = {
-        user: this.user,
-        onProfileEdited: () => {
-          this.loadUser()
-        },
-      }
-      return [
-        {
-          label: this.$t('profile.edit.general.tab'),
-          key: 'general',
-          id: 'profile-edit-general',
-          view: {
-            name: 'ProfileEditGeneral',
-            params,
-          },
-          altView: {
-            name: 'ProfileSummary',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'Home',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('profile.edit.bio.tab'),
-          key: 'bio',
-          id: 'profile-edit-bio',
-          view: {
-            name: 'ProfileEditBio',
-            params,
-          },
-          altView: {
-            name: 'ProfileBio',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'Account',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('profile.edit.projects.tab'),
-          key: 'projects',
-          id: 'profile-edit-projects',
-          view: {
-            name: 'ProfileEditProjects',
-            params,
-          },
-          altView: {
-            name: 'ProfileProjects',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'Archive',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('profile.edit.publications.tab'),
-          key: 'publications',
-          id: 'profile-edit-publications',
-          view: {
-            name: 'ProfileEditPublications',
-            params,
-          },
-          altView: {
-            name: 'ResearcherPublications',
-            params,
-          },
-          props,
-          condition: this.user?.researcher?.documents?.publications,
-          icon: 'Pen',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('profile.edit.conferences.tab'),
-          key: 'conferences',
-          id: 'profile-edit-conferences',
-          view: {
-            name: 'ProfileEditConferences',
-            params,
-          },
-          altView: {
-            name: 'ResearcherConferences',
-            params,
-          },
-          props,
-          condition: this.user?.researcher?.documents?.conferences,
-          icon: 'Pen',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('profile.edit.groups.tab'),
-          key: 'groups',
-          id: 'profile-edit-groups',
-          view: {
-            name: 'ProfileEditGroups',
-            params,
-          },
-          altView: {
-            name: 'ProfileGroups',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'Users',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('profile.edit.skills.tab'),
-          key: 'skills',
-          id: 'profile-edit-skills',
-          view: {
-            name: 'ProfileEditSkills',
-            params,
-          },
-          altView: {
-            name: 'ProfileSkills',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'VipCrownLine',
-          actionIcon: 'Pen',
-        },
-        {
-          label: this.$t('resource.resources'),
-          key: 'resources',
-          id: 'profile-edit-resources',
-          view: {
-            name: 'ProfileEditResources',
-            params,
-          },
-          altView: {
-            name: 'ProfileResources',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'File',
-          actionIcon: 'Pen',
-        },
-
-        {
-          label: this.$t('profile.edit.privacy.tab'),
-          key: 'privacy',
-          id: 'profile-edit-privacy',
-          view: {
-            name: 'ProfileEditPrivacy',
-            params,
-          },
-          altView: {
-            name: 'ProfileSummary',
-            params,
-          },
-          props,
-          condition: true,
-          icon: 'Cog',
-          actionIcon: 'Pen',
-        },
-      ].map((entry) => ({
-        ...entry,
-        isEditing: true,
-        actionIcon: 'Pen',
-      }))
-    },
-
-    profileEditTabsFiltered() {
-      return this.profileEditTabs.map((entry) => ({
-        ...entry,
-        dataTest: entry.key,
-      }))
-    },
-
-    allProfileTabs() {
-      return [...this.profileDisplayTabs, ...this.profileEditTabs]
-    },
-
-    currentTab() {
-      return this.allProfileTabs.find((tab) => this.$route.name === tab.view?.name)
-    },
-
-    isEditing() {
-      return this.currentTab?.isEditing || false
-    },
-  },
-
-  watch: {
-    async isEditing(newVal) {
-      if (newVal && this.isSelf && this.user.onboarding_status?.complete_profile) {
-        await this.onboardingTrap('complete_profile', false)
-      }
-    },
-  },
-
-  async mounted() {
-    try {
-      await this.loadUser()
-    } catch (err) {
-      // TODO distinguish 404 from real error
-      this.$emit('user-not-found', err)
-    } finally {
-      this.isLoading = false
-    }
-  },
-
-  methods: {
-    // TODO: add back once we can edit user
-    // initPayloads() {
-    //     this.payload = {
-    //         editorShortDescription: {
-    //             savedContent: this.user.short_description,
-    //             originalContent: this.user.short_description,
-    //         },
-    //         editorProfessionalDescription: {
-    //             savedContent: this.user.professional_description,
-    //             originalContent: this.user.professional_description,
-    //         },
-    //         editorPersonalDescription: {
-    //             savedContent: this.user.personal_description,
-    //             originalContent: this.user.personal_description,
-    //         },
-    //     }
-    // },
-    // updateContent(selectedEditor, htmlContent) {
-    //     this.payload[selectedEditor].savedContent = htmlContent
-    // },
-
-    selectTab(indexOrKey) {
-      // this.current = index
-      // if (this.routerView) {
-      //   this.$router.push(this.tabs[this.current].view)
-      // }
-
-      // this.closeTabList()
-
-      let index = indexOrKey
-      if (typeof indexOrKey === 'string') {
-        index = this.profileTabs.findIndex((tab) => tab?.key === indexOrKey)
-        if (index === -1) index = 0
-      }
-      this.$router.push(this.profileTabs[index].view)
-    },
-
-    async loadUser() {
-      if (!this.userId || this.userId === this.usersStore.id) {
-        // get the connected user
-        this.originalUser = await this.usersStore.refreshUser()
-      } else if (this.userId) {
-        // get another user
-        this.originalUser = await getUser(this.userId, { noError: true })
-      } else {
-        throw new Error('userId is empty')
-      }
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.profile-links {
-  display: inline-flex;
-  width: 100%;
-  justify-content: flex-end;
-  padding-bottom: 24px;
-  text-transform: none;
-  gap: variables.$space-unit;
-}
-</style>
diff --git a/src/components/people/skill/SkillItem.vue b/src/components/people/skill/SkillItem.vue
deleted file mode 100644
index 7e3c7ffeb..000000000
--- a/src/components/people/skill/SkillItem.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-  <div class="skill" :class="{ 'is-open': isOpen, 'no-description': !description?.length }">
-    <div class="summary-content" @click="isOpen = !isOpen">
-      <IconImage class="chevron" :name="isOpen ? 'Minus' : 'Plus'" />
-      <span class="skill-title">{{ capitalize(label) }}</span>
-      <SkillSteps :active-step="level" :steps="steps" class="steps" />
-    </div>
-
-    <transition name="open">
-      <div v-show="isOpen" class="description">
-        <p>{{ description }}</p>
-      </div>
-    </transition>
-
-    <slot />
-  </div>
-</template>
-<script setup lang="ts">
-import SkillSteps from '~/components/people/skill/SkillSteps.vue'
-import IconImage from '~/components/base/media/IconImage.vue'
-
-import { capitalize } from '~/functs/string'
-
-withDefaults(
-  defineProps<{
-    label: string
-    description: string
-    level: number
-    steps?: number
-  }>(),
-  {
-    steps: 4,
-  }
-)
-
-const isOpen = ref(false)
-</script>
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.skill {
-  width: 100%;
-
-  &.no-description {
-    pointer-events: none;
-  }
-}
-
-.summary-content {
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-  cursor: pointer;
-}
-
-.chevron {
-  flex-shrink: 0;
-  width: 1rem;
-  transform: scale(1.2) translate(-0.2rem, 0.1rem) rotate(-90deg);
-  transition: transform 400ms ease-in-out;
-  transform-origin: center;
-}
-
-.is-open .chevron {
-  transform: scale(1.1) translate(-0.4rem, 0.2rem) rotate(0deg);
-}
-
-.skill-title {
-  &::first-letter {
-    text-transform: capitalize;
-  }
-
-  font-size: variables.$font-size-m;
-  font-weight: 400;
-  color: variables.$black;
-}
-
-.summary-content:hover {
-  .chevron {
-    fill: variables.$primary-dark;
-  }
-
-  .skill-title {
-    color: variables.$primary-dark;
-  }
-}
-
-.no-description .chevron {
-  fill: variables.$light-gray;
-}
-
-.steps {
-  margin: unset;
-  margin-left: auto;
-  flex-grow: unset;
-  padding: 0.35rem 1rem;
-  align-self: center;
-}
-
-.description {
-  font-size: variables.$font-size-s;
-  padding-left: 1rem;
-  border-left: 1px solid variables.$light-gray;
-  align-self: flex-start;
-}
-
-.open-enter-active {
-  transition: all 200ms ease-in-out;
-  transform-origin: top;
-
-  p {
-    transition: all 200ms ease-in-out;
-    transition-delay: 200ms;
-  }
-}
-
-.open-leave-active {
-  transition: all 200ms ease-in-out;
-  transition-delay: 200ms;
-  transform-origin: top;
-
-  p {
-    transition: all 200ms ease-in-out;
-  }
-}
-
-.open-enter-from,
-.open-leave-to {
-  transform: translateZ(0) scaleY(0);
-
-  p {
-    opacity: 0;
-  }
-}
-
-.open-enter-to,
-.open-leave-from {
-  transform: translateZ(0) scaleY(1);
-
-  p {
-    opacity: 1;
-  }
-}
-</style>
diff --git a/src/components/people/skill/SkillItemFull.vue b/src/components/people/skill/SkillItemFull.vue
deleted file mode 100644
index 815f690e9..000000000
--- a/src/components/people/skill/SkillItemFull.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<template>
-  <div class="skill" :class="{ 'is-open': isOpen }">
-    <div class="skill-content">
-      <div
-        class="skill-name"
-        :class="{ 'no-description': !description?.length }"
-        @click="isOpen = !isOpen"
-      >
-        <div class="skill-title">
-          <IconImage class="chevron" :name="isOpen ? 'Minus' : 'Plus'" />
-          <span class="skill-title">{{ label }}</span>
-        </div>
-        <transition name="open">
-          <div v-show="isOpen" class="description mobile">
-            <p>{{ description }}</p>
-          </div>
-        </transition>
-      </div>
-      <div class="skill-level">
-        <SkillSteps show-label :active-step="level" :steps="steps" class="steps" />
-      </div>
-      <div class="mentorship">
-        <span v-if="skill.can_mentor">{{ t('profile.can-mentor') }}</span>
-        <span v-if="skill.needs_mentor">{{ t('profile.needs-mentor') }}</span>
-        <ToolTip
-          v-if="skill.comment && (skill.can_mentor || skill.needs_mentor)"
-          placement="bottom"
-        >
-          <template #custom-content>
-            <p v-html="escapeComment(skill.comment)" />
-          </template>
-          <LpiButton class="squarish" secondary btn-icon="ChatBubble" label="" />
-        </ToolTip>
-      </div>
-      <div class="actions" :class="{ 'is-loading': mentorshipIsLoading }">
-        <template v-if="mentorshipIsLoading && (skill.can_mentor || skill.needs_mentor)">
-          <span class="mentorship-loading"><LoaderSimple /></span>
-        </template>
-        <template v-if="skill.can_mentor && !mentorshipIsLoading">
-          <span v-if="isSelf" class="mentorship-offering">
-            {{ t('profile.mentorship-offering') }}
-          </span>
-          <span v-else-if="hasAskedMentorship" class="mentorship-asked">
-            {{ t('profile.mentorship-asked') }}
-          </span>
-          <NeedLoginToolTip v-else>
-            <template #default="{ needLogin }">
-              <LpiButton
-                v-if="skill.can_mentor"
-                class="squarish"
-                :disabled="needLogin"
-                secondary
-                btn-icon="EmailOutline"
-                :label="t('profile.ask-mentorship')"
-                @click="askMentorship(needLogin)"
-              />
-            </template>
-          </NeedLoginToolTip>
-        </template>
-        <template v-if="skill.needs_mentor && !mentorshipIsLoading">
-          <span v-if="isSelf" class="mentorship-asking">
-            {{ t('profile.mentorship-asking') }}
-          </span>
-          <span v-else-if="hasOfferedMentorship" class="mentorship-offered">
-            {{ t('profile.mentorship-offered') }}
-          </span>
-          <NeedLoginToolTip v-else>
-            <template #default="{ needLogin }">
-              <LpiButton
-                class="squarish"
-                :disabled="needLogin"
-                secondary
-                btn-icon="EmailOutline"
-                :label="t('profile.offer-mentorship')"
-                @click="offerMentorship()"
-              />
-            </template>
-          </NeedLoginToolTip>
-        </template>
-      </div>
-    </div>
-
-    <transition name="open">
-      <div v-show="isOpen" class="description desktop">
-        <p>{{ description }}</p>
-      </div>
-    </transition>
-    <MentorshipContactDrawer
-      :skill="skill"
-      :is-open="mentorshipDrawerIsOpen"
-      :is-offer="mentorshipDrawerIsOffer"
-      @close="mentorshipDrawerIsOpen = false"
-      @mentorship-send="emit('mentorship-send')"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import MentorshipContactDrawer from '~/components/people/skill/MentorshipContactDrawer.vue'
-import NeedLoginToolTip from '~/components/base/NeedLoginToolTip.vue'
-import LoaderSimple from '~/components/base/loader/LoaderSimple.vue'
-import SkillSteps from '~/components/people/skill/SkillSteps.vue'
-import LpiButton from '~/components/base/button/LpiButton.vue'
-import IconImage from '~/components/base/media/IconImage.vue'
-import ToolTip from '~/components/base/ToolTip.vue'
-
-import useSkillTexts from '~/composables/useSkillTexts'
-
-import type { SkillModel } from 'shared-projects-frontend/models'
-
-const props = withDefaults(
-  defineProps<{
-    skill: SkillModel
-    steps?: number
-    hasAskedMentorship?: boolean
-    hasOfferedMentorship?: boolean
-    isSelf?: boolean
-    mentorshipIsLoading?: boolean
-    label?: string
-  }>(),
-  {
-    steps: 4,
-    hasAskedMentorship: false,
-    hasOfferedMentorship: false,
-    isSelf: false,
-    mentorshipIsLoading: false,
-    label: '',
-  }
-)
-
-const { t } = useNuxtI18n()
-const emit = defineEmits(['mentorship-send'])
-const skillTexts = useSkillTexts()
-const isOpen = ref(false)
-const mentorshipDrawerIsOpen = ref(false)
-const mentorshipDrawerIsOffer = ref(false)
-
-const label = computed(() => {
-  return skillTexts.title(props.skill)
-})
-const description = computed(() => {
-  return skillTexts.description(props.skill)
-})
-const level = computed(() => {
-  return Number(props.skill.level)
-})
-
-const askMentorship = (prevent) => {
-  if (!prevent) {
-    mentorshipDrawerIsOpen.value = true
-    mentorshipDrawerIsOffer.value = false
-  }
-}
-const offerMentorship = () => {
-  mentorshipDrawerIsOpen.value = true
-  mentorshipDrawerIsOffer.value = true
-}
-
-const escapeHTML = (text) => {
-  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
-}
-const convertNewLineToBr = (text) => {
-  return text.replace(/\n/g, '<br>')
-}
-
-const escapeComment = (text) => {
-  return convertNewLineToBr(escapeHTML(text))
-}
-</script>
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.skill {
-  width: 100%;
-  border-bottom: variables.$border-width-s solid variables.$lighter-gray;
-  padding: variables.$space-l 0;
-
-  .skill-content {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: stretch;
-    gap: variables.$space-unit;
-    align-items: center;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      flex-flow: column nowrap;
-      align-items: flex-start;
-    }
-  }
-
-  .skill-name {
-    flex-basis: 25%;
-    flex-shrink: 0;
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    &.no-description {
-      pointer-events: none;
-    }
-  }
-
-  .skill-title {
-    font-weight: 400;
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    cursor: pointer;
-  }
-
-  .skill-level {
-    flex-basis: 20%;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: variables.$space-m;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      .container {
-        padding-left: 0 !important;
-      }
-    }
-  }
-
-  .mentorship {
-    flex-basis: 25%;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: variables.$space-m;
-  }
-
-  .actions {
-    flex-basis: 25%;
-    display: flex;
-    justify-content: flex-end;
-
-    &.is-loading {
-      justify-content: center;
-    }
-  }
-
-  .skill-level,
-  .mentorship,
-  .actions {
-    @media screen and (max-width: variables.$min-tablet) {
-      padding-left: 1rem;
-    }
-  }
-}
-
-.skill-name:hover {
-  .chevron {
-    fill: variables.$primary-dark;
-  }
-
-  .skill-title {
-    color: variables.$primary-dark;
-  }
-}
-
-.chevron {
-  flex-shrink: 0;
-  width: 1rem;
-  transform: translateZ(0) scale(1.2) translate(-0.2rem, 0.1rem) rotate(-90deg);
-  transition: transform 400ms ease-in-out;
-  transform-origin: center;
-}
-
-.is-open .chevron {
-  transform: translateZ(0) scale(1.1) translate(-0.4rem, 0.2rem) rotate(0deg);
-}
-
-.skill-title {
-  &::first-letter {
-    text-transform: capitalize;
-  }
-
-  font-size: variables.$font-size-m;
-  font-weight: 400;
-  color: variables.$black;
-}
-
-.summary-content:hover {
-  .chevron {
-    fill: variables.$primary-dark;
-  }
-
-  .skill-title {
-    color: variables.$primary-dark;
-  }
-}
-
-.no-description .chevron {
-  fill: variables.$light-gray;
-}
-
-.steps {
-  margin: unset;
-  margin-left: auto;
-  flex-grow: unset;
-  padding: 0.35rem 1rem;
-  align-self: center;
-}
-
-.description {
-  font-size: variables.$font-size-s;
-  padding-top: variables.$space-m;
-  padding-left: 1rem;
-  border-left: 1px solid variables.$light-gray;
-  align-self: flex-start;
-
-  @media screen and (min-width: variables.$max-tablet) {
-    padding-right: calc(60%);
-    margin-right: #{4 * variables.$space-m};
-  }
-
-  &.mobile {
-    display: none;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: block;
-    }
-  }
-
-  &.desktop {
-    display: block;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: none;
-    }
-  }
-}
-
-.open-enter-active {
-  transition: all 200ms ease-in-out;
-  transform-origin: top;
-
-  p {
-    transition: all 200ms ease-in-out;
-    transition-delay: 200ms;
-  }
-}
-
-.open-leave-active {
-  transition: all 200ms ease-in-out;
-  transition-delay: 200ms;
-  transform-origin: top;
-
-  p {
-    transition: all 200ms ease-in-out;
-  }
-}
-
-.open-enter-from,
-.open-leave-to {
-  transform: translateZ(0) scaleY(0);
-
-  p {
-    opacity: 0;
-  }
-}
-
-.open-enter-to,
-.open-leave-from {
-  transform: translateZ(0) scaleY(1);
-
-  p {
-    opacity: 1;
-  }
-}
-
-.mentorship-offering,
-.mentorship-asking,
-.mentorship-offered,
-.mentorship-asked {
-  font-style: italic;
-  font-weight: 400;
-  color: variables.$primary-dark;
-}
-
-.mentorship-loading {
-  display: inline-block;
-
-  svg {
-    width: 1.2rem;
-  }
-}
-</style>
diff --git a/src/components/people/skill/SkillSummary.vue b/src/components/people/skill/SkillSummary.vue
deleted file mode 100644
index 4ef21bcd8..000000000
--- a/src/components/people/skill/SkillSummary.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-  <div v-if="allSkills?.length" class="skill-summary">
-    <div class="skill-header">
-      <h4 class="title">{{ $t('profile.skills') }} ({{ allSkills?.length || '' }})</h4>
-      <SeeMoreArrow
-        v-if="allSkills?.length > maxSkills"
-        data-test="see-more-skills"
-        @click.prevent="goToSkillTab"
-      />
-    </div>
-
-    <div class="skills">
-      <SkillItem
-        v-for="skill in visibleSkills"
-        :key="skill.id"
-        :label="skillTexts.title(skill)"
-        :description="skillTexts.description(skill)"
-        :level="Number(skill.level)"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import SeeMoreArrow from '~/components/base/button/SeeMoreArrow.vue'
-import SkillItem from '~/components/people/skill/SkillItem.vue'
-
-import useUsersStore from '~/stores/useUsers'
-
-import useSkillTexts from '~/composables/useSkillTexts'
-
-export default {
-  name: 'SkillSummary',
-
-  components: {
-    SeeMoreArrow,
-    SkillItem,
-  },
-  inject: {
-    selectTab: {
-      from: 'tabsLayoutSelectTab',
-      default: () => {},
-    },
-  },
-
-  props: {
-    user: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  setup() {
-    const usersStore = useUsersStore()
-    const skillTexts = useSkillTexts()
-    return {
-      usersStore,
-      skillTexts,
-    }
-  },
-
-  data() {
-    return {
-      maxSkills: 9,
-    }
-  },
-
-  computed: {
-    allStepsVisible() {
-      return this.allSkills?.length <= this.maxSkills
-    },
-
-    allSkills() {
-      return this.user.skills
-    },
-
-    visibleSkills() {
-      let skills = [...(this.allSkills || [])].sort(
-        (a, b) => b.level - a.level || this.skillTexts.compareTitles(a, b)
-      )
-      if (!this.allStepsVisible) skills = skills.slice(0, this.maxSkills)
-      return skills
-    },
-  },
-
-  methods: {
-    goToSkillTab() {
-      this.selectTab('skills')
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.skill-summary {
-  display: flex;
-  flex-direction: column;
-  background: variables.$primary-lighter;
-  padding: 24px;
-  border-radius: variables.$border-radius-l;
-
-  .skill-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: variables.$space-l;
-  }
-
-  .title {
-    font-size: variables.$font-size-l;
-    font-weight: 700;
-    color: variables.$primary-dark;
-  }
-
-  .skills {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-  }
-}
-
-.empty-field {
-  color: variables.$mid-gray;
-  font-weight: 700;
-}
-</style>
diff --git a/src/components/people/skill/SkillsEditDrawer.vue b/src/components/people/skill/SkillsEditDrawer.vue
deleted file mode 100644
index cf27564b1..000000000
--- a/src/components/people/skill/SkillsEditDrawer.vue
+++ /dev/null
@@ -1,330 +0,0 @@
-<template>
-  <BaseDrawer
-    ref="root"
-    :confirm-action-disabled="asyncing || !addedTalent"
-    :confirm-action-name="$t('common.save')"
-    :is-opened="isOpen"
-    :title="$t(`profile.edit.skills.${type}.drawer.title`)"
-    class="medium"
-    @close="$emit('close')"
-    @confirm="save"
-  >
-    <div v-if="!addedTalent" class="add-skill-mode">
-      <div v-if="!searchAllMode" class="section">
-        <p class="notice">
-          {{ $t('search.pick-skill-classification') }}
-        </p>
-
-        <LpiSelect v-model="selectedClassificationId" :options="orgClassificationOptions" />
-      </div>
-
-      <div v-show="searchAllMode || showTagSearch" class="section">
-        <p class="notice">
-          {{ $t(`profile.edit.skills.${type}.drawer.notice`) }}
-        </p>
-        <div class="search-field no-shrink">
-          <SearchInput
-            v-model.trim="search"
-            :placeholder="$t(`profile.edit.skills.${type}.drawer.placeholder`)"
-            @delete-query="onDeleteQuery"
-          />
-        </div>
-      </div>
-
-      <div v-if="!search.length && suggestedTags.length" class="section">
-        <p class="notice">
-          {{ $t('profile.edit.skills.suggested-skills') }}
-        </p>
-        <SuggestedTags
-          :current-tags="selectionAsTagIds"
-          :suggested-tags="suggestedTags"
-          :loading="suggestedTagsAreLoading"
-          @add-tag="selectTalent"
-        />
-      </div>
-      <div v-if="search.length" class="section">
-        <p v-if="search && searchResultsCount" class="notice no-shrink">
-          {{ $t('search.choose-skill') }}
-        </p>
-        <TagResults
-          v-if="search"
-          class="flexed-search-results-ctn custom-scrollbar"
-          :classification-id="selectedClassificationId"
-          :existing-tags="selectionAsTagIds"
-          :search="search"
-          :search-all="searchAllMode"
-          type="skills"
-          @add-tag="selectTalent"
-          @results-count="searchResultsCount = $event"
-        />
-      </div>
-    </div>
-    <div v-else class="edit-skill-mode">
-      <p class="notice">
-        {{ $t(`profile.edit.skills.${type}.drawer.notice-levels`) }}
-
-        <SkillLevelTip>
-          <a href="#" class="help-link">
-            <IconImage name="HelpCircle" class="help-icon" />
-            {{ $t(`profile.edit.skills.${type}.drawer.help-levels`) }}
-          </a>
-        </SkillLevelTip>
-      </p>
-
-      <div class="level-editor-list">
-        <SkillEditor
-          :skill="addedTalent"
-          :type="type"
-          no-mentorship
-          @set-level="setTalentLevel($event.skill, $event.level)"
-          @delete="addedTalent = null"
-        />
-      </div>
-      <div class="mentorship">
-        <MentorshipForm v-model="mentorship" />
-      </div>
-    </div>
-  </BaseDrawer>
-</template>
-
-<script setup lang="ts">
-import { postUserSkill } from 'shared-projects-frontend/apis'
-
-import SuggestedTags from '~/components/search/FilterTags/SuggestedTags.vue'
-import type { SkillType } from '~/components/people/skill/SkillEditor.vue'
-import MentorshipForm from '~/components/people/skill/MentorshipForm.vue'
-import SkillLevelTip from '~/components/people/skill/SkillLevelTip.vue'
-import TagResults from '~/components/search/FilterTags/TagResults.vue'
-import SkillEditor from '~/components/people/skill/SkillEditor.vue'
-import SearchInput from '~/components/base/form/SearchInput.vue'
-import IconImage from '~/components/base/media/IconImage.vue'
-import LpiSelect from '~/components/base/form/LpiSelect.vue'
-import BaseDrawer from '~/components/base/BaseDrawer.vue'
-
-import useToasterStore from '~/stores/useToaster'
-
-import type { TranslatedUserModel, SkillModel } from 'shared-projects-frontend/models'
-import useSkillTexts from '~/composables/useSkillTexts'
-import useTagSearch from '~/composables/useTagSearch'
-import { defaultMentorship } from '~/form/mentorship'
-
-const props = withDefaults(
-  defineProps<{
-    isOpen: boolean
-    type: SkillType
-    user: TranslatedUserModel
-    searchAllMode?: boolean
-  }>(),
-  {
-    searchAllMode: false,
-  }
-)
-
-const { t } = useNuxtI18n()
-
-const reloadUser = inject<() => void>('profileEditReloadUser', () => () => {})
-
-const emit = defineEmits<{
-  close: []
-  'switch-mode': []
-  confirm: []
-  'skill-added': [SkillModel]
-}>()
-
-const toaster = useToasterStore()
-const skillTexts = useSkillTexts()
-const {
-  suggestedTagsAreLoading,
-  selectedClassificationId,
-  search,
-  suggestedTags,
-  orgClassificationOptions,
-  showTagSearch,
-  resetTagSearch,
-} = useTagSearch({ useSkills: true })
-
-const selection = ref([])
-const asyncing = ref(false)
-const searchResultsCount = ref(0)
-const addedTalent = ref(null)
-const mentorship = ref(defaultMentorship())
-
-const selectionAsTagIds = computed(() => selection.value.map((s) => s.tag?.id))
-const allSkills = computed(() => {
-  // @ts-expect-error
-  return props.user.skills || []
-})
-
-const skills = computed(() => allSkills.value.filter((s) => s.type === 'skill'))
-const hobbies = computed(() => allSkills.value.filter((s) => s.type === 'hobby'))
-
-const rootRef = useTemplateRef('root')
-const focusInput = () => {
-  const searchInput = rootRef.value.$el.querySelector('.search-field input')
-  nextTick(() => {
-    searchInput?.focus()
-  })
-}
-
-watch(
-  () => props.isOpen,
-  (neo) => {
-    if (neo) {
-      addedTalent.value = null
-      search.value = ''
-      selection.value = getSkillOfType(props.type)
-        ? getSkillOfType(props.type).map((item) => ({ ...toRaw(item) }))
-        : []
-
-      resetTagSearch()
-      mentorship.value = defaultMentorship()
-      nextTick(focusInput)
-    }
-  }
-)
-
-const getSkillOfType = (type: SkillType) => {
-  switch (type) {
-    case 'hobbies':
-      return hobbies.value
-    case 'skills':
-      return skills.value
-  }
-}
-
-const onDeleteQuery = () => (search.value = '')
-
-const save = async () => {
-  // save selection
-  asyncing.value = true
-
-  try {
-    const newSkill = await postUserSkill(props.user.id, {
-      ...addedTalent.value,
-      tag: addedTalent.value.tag.id,
-      ...mentorship.value,
-    })
-    reloadUser()
-    emit('skill-added', newSkill)
-    toaster.pushSuccess(
-      t(`profile.edit.skills.${props.type}.add-success`, {
-        name: skillTexts.title(addedTalent.value),
-      })
-    )
-  } catch (error) {
-    console.error(error)
-    if (error?.response?.status === 409) {
-      toaster.pushError(t(`profile.edit.skills.${props.type}.already-added`))
-    } else {
-      toaster.pushError(t('profile.edit.skills.save-error'))
-    }
-  } finally {
-    asyncing.value = false
-    emit('close')
-  }
-}
-const selectTalent = (tag) => {
-  const skill = {
-    tag: tag,
-    level: 1,
-    level_to_reach: 1,
-    type: props.type == 'hobbies' ? 'hobby' : 'skill',
-    category: '', // TODO: check what this is
-    user: props.user.id,
-  }
-  addedTalent.value = skill
-}
-const setTalentLevel = (talent, level) => {
-  talent.level = level
-}
-</script>
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.no-shrink {
-  flex-shrink: 0;
-}
-
-.add-skill-mode {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-
-  .notice {
-    font-size: variables.$font-size-m;
-    margin-bottom: variables.$space-s;
-  }
-
-  .selected-list {
-    margin-top: variables.$space-m;
-    display: flex;
-    flex-flow: row wrap;
-    gap: variables.$space-m;
-  }
-
-  .search-field {
-    margin-top: variables.$space-m;
-    display: flex;
-    justify-content: stretch;
-    align-items: center;
-    gap: 1rem;
-
-    .search-input-ctn {
-      flex-grow: 1;
-
-      :deep(.search-input) {
-        width: 100%;
-      }
-    }
-  }
-
-  .flexed-search-results {
-    overflow: auto;
-  }
-
-  .search-results {
-    margin-top: variables.$space-42;
-    display: flex;
-    flex-flow: row wrap;
-    gap: variables.$space-s;
-    background-color: variables.$primary-lighter;
-    border-radius: variables.$space-s;
-    padding: variables.$space-s;
-  }
-
-  .loader {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: variables.$space-xl;
-  }
-}
-
-.edit-skill-mode {
-  .notice {
-    margin-top: variables.$space-m;
-  }
-
-  .help-link {
-    color: variables.$primary-dark;
-    text-decoration: underline;
-    font-weight: 700;
-  }
-
-  .help-icon {
-    width: variables.$layout-size-l;
-    height: variables.$layout-size-l;
-    fill: variables.$primary-dark;
-    display: inline-block;
-    vertical-align: middle;
-  }
-}
-
-.section + .section {
-  margin-top: variables.$space-l;
-}
-
-.level-editor-list {
-  margin-top: variables.$space-xl;
-}
-</style>
diff --git a/src/components/people/skill/UserSkillsFull.vue b/src/components/people/skill/UserSkillsFull.vue
deleted file mode 100644
index cfe5eb214..000000000
--- a/src/components/people/skill/UserSkillsFull.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <div>
-    <div class="skill-columns-header">
-      <div class="skill-name">
-        <span v-if="title" class="column-label">{{ title }}</span>
-      </div>
-      <div class="skill-level">
-        <span class="column-label">{{ t(`profile.edit.skills.skills.levels-help`) }}</span>
-        <SkillLevelTip>
-          <LinkButton
-            label=""
-            btn-icon="HelpCircle"
-            data-test="skill-levels-help-button"
-            secondary
-            icon-only
-          />
-        </SkillLevelTip>
-      </div>
-      <div class="mentorship">
-        <span class="column-label">{{ t(`profile.edit.skills.mentorship.mentorship`) }}</span>
-      </div>
-    </div>
-    <div class="columns-wrapper">
-      <SkillItemFull
-        v-for="skill in skills"
-        :key="skill.id"
-        :skill="skill"
-        :is-self="isSelf"
-        :has-asked-mentorship="userMentorship[skill.id] === 'mentoree'"
-        :has-offered-mentorship="userMentorship[skill.id] === 'mentor'"
-        :mentorship-is-loading="mentorshipIsLoading"
-        @mentorship-send="emit('reload-mentorship')"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import SkillLevelTip from '~/components/people/skill/SkillLevelTip.vue'
-import SkillItemFull from '~/components/people/skill/SkillItemFull.vue'
-import type { SkillModel } from 'shared-projects-frontend/models'
-import LinkButton from '~/components/base/button/LinkButton.vue'
-
-withDefaults(
-  defineProps<{
-    skills: SkillModel[]
-    title?: string
-    // {skillId: "mentor"| "mentoree"}
-    userMentorship?: any
-    isSelf?: boolean
-    mentorshipIsLoading?: boolean
-  }>(),
-  {
-    title: '',
-    userMentorship: () => ({}),
-    isSelf: false,
-    mentorshipIsLoading: false,
-  }
-)
-
-const { t } = useNuxtI18n()
-const emit = defineEmits(['reload-mentorship'])
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.skill-columns-header {
-  display: flex;
-  justify-content: stretch;
-  gap: variables.$space-unit;
-  align-items: center;
-  padding-bottom: variables.$space-l;
-  border-bottom: variables.$border-width-s solid variables.$primary;
-
-  .column-label {
-    font-weight: 700;
-    text-transform: uppercase;
-    color: variables.$primary-dark;
-  }
-
-  .skill-name {
-    flex-basis: 30%;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      flex-basis: 100%;
-      text-align: center;
-    }
-  }
-
-  .skill-level {
-    flex-basis: 45%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: none;
-    }
-  }
-
-  .mentorship {
-    display: flex;
-    justify-content: center;
-    flex-basis: 25%;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: none;
-    }
-  }
-}
-</style>
diff --git a/src/components/profile/modules/Privacy/PrivacyField.vue b/src/components/profile/modules/Privacy/PrivacyField.vue
index dbaa6e8f3..d104fb1bf 100644
--- a/src/components/profile/modules/Privacy/PrivacyField.vue
+++ b/src/components/profile/modules/Privacy/PrivacyField.vue
@@ -26,7 +26,7 @@ const modelValue = defineModel<PrivacyValue>()
 </template>
 <style lang="scss" scoped>
 @use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
+@use '~/components/profile/modules/profile-form';
 
 .privacy-field {
   display: flex;
diff --git a/src/components/profile/modules/Privacy/PrivacyForm.vue b/src/components/profile/modules/Privacy/PrivacyForm.vue
index 6d88980e0..b2d3328ee 100644
--- a/src/components/profile/modules/Privacy/PrivacyForm.vue
+++ b/src/components/profile/modules/Privacy/PrivacyForm.vue
@@ -219,7 +219,7 @@ function adaptApiToForm(apiSettings) {
 
 <style lang="scss" scoped>
 @use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
+@use '~/components/profile/modules/profile-form';
 
 .profile-edit-privacy {
   margin-top: variables.$space-xl;
diff --git a/src/components/profile/modules/Profile/ProfileEdit.vue b/src/components/profile/modules/Profile/ProfileEdit.vue
index 33541158f..e090db7ae 100644
--- a/src/components/profile/modules/Profile/ProfileEdit.vue
+++ b/src/components/profile/modules/Profile/ProfileEdit.vue
@@ -268,7 +268,7 @@ const checkClose = () => {
 
 <style lang="scss" scoped>
 @use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
+@use '~/components/profile/modules/profile-form';
 
 .img-ctn {
   margin-bottom: variables.$space-xl;
diff --git a/src/components/profile/modules/Skills/MentoringInfo.vue b/src/components/profile/modules/Skills/MentoringInfo.vue
deleted file mode 100644
index 267303641..000000000
--- a/src/components/profile/modules/Skills/MentoringInfo.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  label: string
-}>()
-</script>
-
-<template>
-  <BadgeItem icon-name="InfoCardLine" :label="label" />
-</template>
diff --git a/src/pages/UserProfilePageV2/Tabs/profile-form.scss b/src/components/profile/modules/profile-form.scss
similarity index 100%
rename from src/pages/UserProfilePageV2/Tabs/profile-form.scss
rename to src/components/profile/modules/profile-form.scss
diff --git a/src/components/project/ChooseFollowedProjectsDrawer.vue b/src/components/project/ChooseFollowedProjectsDrawer.vue
deleted file mode 100644
index b43eafc1e..000000000
--- a/src/components/project/ChooseFollowedProjectsDrawer.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-  <BaseDrawer
-    :is-opened="isOpened"
-    :title="$t('profile.edit.projects.followed.drawer-title')"
-    @close="close"
-    @confirm="close"
-  >
-    <div>
-      <div class="search-container">
-        <div class="search-group">
-          <SearchInput
-            v-model="search"
-            class="search-input"
-            full
-            :placeholder="$t('browse.placeholder')"
-            @delete-query="search = ''"
-          />
-        </div>
-      </div>
-      <div>
-        <SearchResults :search="query" mode="projects">
-          <template #default="SearchResultsSlotProps">
-            <CardList
-              :is-loading="SearchResultsSlotProps.isLoading"
-              :limit="SearchResultsSlotProps.limit"
-              :items="SearchResultsSlotProps.items"
-            >
-              <template #default="projectListSlotProps">
-                <ProjectCard
-                  :project="projectListSlotProps.item.project"
-                  follow-on-click
-                  :target-user-id="targetUserId"
-                />
-              </template>
-            </CardList>
-          </template>
-        </SearchResults>
-      </div>
-    </div>
-
-    <template #footer>
-      <LpiButton
-        :label="$t('header.close')"
-        class="footer__right-button"
-        data-test="close-button"
-        @click="close"
-      />
-    </template>
-  </BaseDrawer>
-</template>
-
-<script setup lang="ts">
-import SearchResults from '~/components/project/SearchResults.vue'
-import SearchInput from '~/components/base/form/SearchInput.vue'
-import LpiButton from '~/components/base/button/LpiButton.vue'
-import ProjectCard from '~/components/project/ProjectCard.vue'
-import BaseDrawer from '~/components/base/BaseDrawer.vue'
-import CardList from '~/components/base/CardList.vue'
-
-const props = withDefaults(
-  defineProps<{
-    isOpened?: boolean
-    targetUserId?: number
-  }>(),
-  {
-    isOpened: false,
-    targetUserId: null,
-  }
-)
-
-const emit = defineEmits<{
-  close: []
-}>()
-
-const organizationCode = useOrganizationCode()
-
-const search = ref('')
-
-const query = computed(() => {
-  return {
-    search: search.value,
-    categories: [],
-    tags: [],
-    members: [],
-    sdgs: [],
-    languages: [],
-    organizations: [organizationCode],
-    ordering: '-updated_at',
-    limit: 30,
-    page: 1,
-    section: 'projects',
-  }
-})
-
-watch(
-  () => props.isOpened,
-  () => {
-    search.value = ''
-  }
-)
-
-const close = () => emit('close')
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.clear {
-  font-size: variables.$font-size-s;
-  color: variables.$primary-dark;
-  font-weight: 700;
-  text-decoration: underline;
-  margin-left: variables.$space-l;
-  cursor: pointer;
-}
-
-.results-ctn {
-  display: flex;
-  flex-wrap: wrap;
-  align-content: flex-start;
-  gap: variables.$space-m;
-  padding-inline: variables.$space-l;
-  padding-bottom: variables.$space-l;
-
-  .selected-card {
-    background-color: variables.$primary-lighter;
-  }
-}
-
-.show-more {
-  display: flex;
-  justify-content: center;
-  margin: variables.$space-l 0;
-}
-
-.project-placeholder {
-  height: variables.$card_height;
-  width: variables.$card_width;
-  border: variables.$border-width-s solid variables.$lighter-gray;
-  border-radius: variables.$border-radius-m;
-
-  .content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: variables.$space-m variables.$space-m 0 variables.$space-m;
-    height: 100%;
-  }
-
-  .picture {
-    display: inline-block;
-
-    $picture-width: 86px;
-
-    width: variables.pxtorem($picture-width);
-    height: variables.pxtorem($picture-width);
-    border-radius: variables.$border-radius-xs;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: cover;
-    background-color: variables.$lighter-gray;
-    box-shadow: 0 0 2px rgb(0 0 0 / 15%);
-  }
-}
-</style>
diff --git a/src/components/resources/ResourceCount.vue b/src/components/resources/ResourceCount.vue
deleted file mode 100644
index 1fa564a3d..000000000
--- a/src/components/resources/ResourceCount.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <NuxtLink :to="target" class="resource-count shadow-box skeletons-background">
-    <div class="icon-ctn">
-      <div v-if="isFile" class="resource-type">
-        <IconImage name="Archive" />
-        <span>{{ $t('file.attachment', count) }}</span>
-      </div>
-      <div v-else class="resource-type">
-        <IconImage name="Globe" />
-        <span>{{ $t('resource.web-link', count) }}</span>
-      </div>
-    </div>
-
-    <div class="count">
-      {{ count }}
-    </div>
-  </NuxtLink>
-</template>
-
-<script setup lang="ts">
-import IconImage from '~/components/base/media/IconImage.vue'
-
-import type { RouteLocationRaw } from 'vue-router'
-
-withDefaults(
-  defineProps<{
-    count: number
-    target: RouteLocationRaw
-    isFile?: boolean
-  }>(),
-  { isFile: true }
-)
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.resource-count {
-  cursor: pointer;
-  border: variables.$border-width-s solid var(--primary);
-  border-radius: variables.$border-radius-m;
-  overflow: hidden;
-  width: 150px;
-  transition: 0.3s background-color ease-in-out;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  background-color: var(--white);
-
-  &:hover {
-    background-color: var(--primary-lighter);
-  }
-
-  .icon-ctn {
-    padding: variables.$space-m 0;
-
-    .resource-type {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      font-size: variables.$font-size-s;
-      font-weight: bold;
-      color: var(--black);
-      text-align: center;
-
-      svg {
-        height: 50px;
-        width: 50px;
-        fill: var(--primary-dark);
-        margin-bottom: variables.$space-s;
-      }
-    }
-  }
-
-  .count {
-    background: var(--primary);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-weight: bold;
-    color: var(--white);
-    padding: variables.$space-s 0;
-    font-size: variables.$font-size-2xl;
-  }
-}
-</style>
diff --git a/src/components/resources/ResourceDrawer.vue b/src/components/resources/ResourceDrawer.vue
deleted file mode 100644
index 7148b4a52..000000000
--- a/src/components/resources/ResourceDrawer.vue
+++ /dev/null
@@ -1,454 +0,0 @@
-<template>
-  <div class="resource-form">
-    <BaseDrawer
-      :confirm-action-disabled="v$.$invalid || hasFileError"
-      :no-footer="!resourceTypeSelected && isAddMode"
-      :confirm-action-name="$t('common.save')"
-      :is-opened="isOpened"
-      :title="label"
-      class="resource-modal small"
-      :asyncing="isSaving"
-      @close="close"
-      @confirm="addEditResource"
-    >
-      <div v-if="isAddMode && selectedType === null" class="select-resource">
-        <LpiButton
-          :label="$t('resource.add-link')"
-          btn-icon="LinkRotated"
-          data-test="add-link"
-          class="button-select"
-          @click="selectType('link')"
-        >
-          Link
-        </LpiButton>
-        <LpiButton
-          :label="$t('resource.add-file')"
-          btn-icon="File"
-          data-test="add-file"
-          class="button-select"
-          @click="selectType('file')"
-        >
-          File
-        </LpiButton>
-      </div>
-
-      <!-- ADD / EDIT LINK / FILE -->
-      <div v-if="isLink || isFile">
-        <template v-if="isFile && isAddMode">
-          <div class="file-input-ctn">
-            <ImageInput
-              id="add-file-input"
-              :label="$t('file.upload') + ' *'"
-              class="text-input"
-              file-types="*/*"
-              @upload-image="uploadImage"
-            />
-            <p>{{ $t('resource.max-size') }}</p>
-          </div>
-          <p v-if="hasFileError" class="error error-file">
-            {{ $t('resource.file.form.required') }}
-          </p>
-        </template>
-
-        <template v-if="isLink">
-          <TextInput
-            v-model="link"
-            :label="$t('resource.link-address') + ' *'"
-            class="text-input"
-            data-test="input-link-adress"
-            placeholder="https://..."
-            :errors="v$.link.$errors"
-            @blur="v$.link.$touch"
-          />
-        </template>
-
-        <TextInput
-          v-model="title"
-          :label="$t('common.title') + ' *'"
-          :placeholder="$t('common.title')"
-          class="text-input"
-          data-test="input-link-title"
-          :errors="v$.title.$errors"
-          @focus="checkFile"
-          @blur="v$.title.$touch"
-        />
-
-        <TextInput
-          v-model="description"
-          :label="$t('form.description') + ' *'"
-          :placeholder="$t('form.description')"
-          class="text-input"
-          data-test="input-link-description"
-          :errors="v$.description.$errors"
-          @focus="checkFile"
-          @blur="v$.description.$touch"
-        />
-      </div>
-    </BaseDrawer>
-  </div>
-</template>
-
-<script>
-import { helpers, required, url } from '@vuelidate/validators'
-import useVuelidate from '@vuelidate/core'
-
-import LpiButton from '~/components/base/button/LpiButton.vue'
-import ImageInput from '~/components/base/form/ImageInput.vue'
-import TextInput from '~/components/base/form/TextInput.vue'
-import BaseDrawer from '~/components/base/BaseDrawer.vue'
-
-import useToasterStore from '~/stores/useToaster'
-
-import { removePrefix } from '~/functs/utils'
-import analytics from '~/analytics'
-
-export default {
-  name: 'ResourceDrawer',
-
-  components: { LpiButton, ImageInput, BaseDrawer, TextInput },
-
-  props: {
-    isAddMode: {
-      type: Boolean,
-      default: true,
-    },
-
-    selectedItem: {
-      type: Object,
-      default: null,
-    },
-
-    isOpened: {
-      type: Boolean,
-      default: false,
-    },
-
-    user: {
-      type: Object,
-      required: true,
-    },
-
-    links: {
-      type: Array,
-      default: () => [],
-    },
-    postAttachmentFiles: {
-      type: Function,
-      required: true,
-    },
-    patchAttachmentFile: {
-      type: Function,
-      required: true,
-    },
-    postAttachmentLinks: {
-      type: Function,
-      required: true,
-    },
-    patchAttachmentLink: {
-      type: Function,
-      required: true,
-    },
-  },
-
-  emits: ['close', 'reload-link-resources', 'reload-file-resources'],
-  setup() {
-    const toaster = useToasterStore()
-    return {
-      toaster,
-    }
-  },
-
-  data() {
-    return {
-      v$: useVuelidate(),
-      selectedType: null,
-      file: null,
-      link: null,
-      description: null,
-      title: null,
-      isSaving: false,
-      hasFileError: false,
-      resourceTypeSelected: false,
-    }
-  },
-
-  validations() {
-    const rules =
-      this.selectedType === 'link' ||
-      (this.selectedItem && this.selectedItem.attachment_type === 'link')
-        ? {
-            required: helpers.withMessage(this.$t('form.resources.link.required'), required),
-            url: helpers.withMessage(this.$t('form.resources.link.format'), url),
-          }
-        : {}
-
-    return {
-      title: {
-        required: helpers.withMessage(this.$t('form.resources.title'), required),
-      },
-      description: {
-        required: helpers.withMessage(this.$t('form.resources.description'), required),
-      },
-      link: rules,
-    }
-  },
-
-  computed: {
-    isLink() {
-      return this.isAddMode
-        ? this.selectedType === 'link' // if link is a video it become "video" after saving
-        : ['link', 'video', 'image'].includes(this.selectedItem.attachment_type) // leagy check for video and image
-    },
-
-    isFile() {
-      return this.isAddMode
-        ? this.selectedType === 'file'
-        : this.selectedItem.attachment_type === 'file'
-    },
-
-    label() {
-      if (this.selectedType === null && this.isAddMode) return this.$t('resource.add')
-      if (this.isAddMode) {
-        return this.isFile ? this.$t('resource.add-file') : this.$t('resource.add-link')
-      } else {
-        return this.isFile ? this.$t('resource.edit-file') : this.$t('resource.edit-link')
-      }
-    },
-  },
-
-  watch: {
-    isOpened: {
-      handler: function () {
-        this.hasFileError = false
-        if (this.selectedItem) {
-          this.link = this.selectedItem.site_url
-          this.description = this.selectedItem.description
-          this.title = this.selectedItem.title
-        } else {
-          this.selectedType = null
-          this.file = null
-          this.link = null
-          this.description = null
-          this.title = null
-        }
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    selectType(type) {
-      this.selectedType = type
-      this.resourceTypeSelected = true
-    },
-    checkFile() {
-      if (this.isFile && this.isAddMode) {
-        this.hasFileError = !this.file
-      }
-    },
-    linkExists() {
-      return (
-        this.links.filter((link) => removePrefix(link.site_url) === removePrefix(this.link))
-          .length > 0
-      )
-    },
-
-    async addEditResource() {
-      const isValid = await this.v$.$validate()
-      if (isValid) {
-        if (this.isAddMode) this.addResource()
-        else this.editResource()
-      }
-    },
-
-    addResource() {
-      if (this.isLink) this.addLink()
-      else this.addFile()
-    },
-
-    editResource() {
-      if (this.isLink) this.editLink()
-      else this.editFile()
-    },
-
-    async addLink() {
-      if (!this.linkExists()) {
-        this.isSaving = true
-        const body = {
-          attachment_type: 'link',
-          description: this.description,
-          site_url: this.link,
-          title: this.title,
-        }
-
-        try {
-          const result = await this.postAttachmentLinks(body)
-
-          analytics.attachmentLink.addAttachment({
-            user: {
-              id: this.user.id,
-            },
-            attachment: result,
-          })
-
-          this.$emit('reload-link-resources')
-
-          this.toaster.pushSuccess(this.$t('toasts.link-create.success'))
-        } catch (error) {
-          this.toaster.pushError(`${this.$t('toasts.link-create.error')} (${error})`)
-          console.error(error)
-        } finally {
-          this.isSaving = false
-          this.close()
-        }
-      } else {
-        this.toaster.pushError(this.$t('toasts.link-already-exists'))
-      }
-    },
-
-    async addFile() {
-      this.isSaving = true
-      try {
-        const body = {
-          file: this.file,
-          title: this.title,
-          description: this.description,
-        }
-
-        const result = await this.postAttachmentFiles(body)
-
-        analytics.attachmentFile.addAttachment({
-          user: {
-            id: this.user.id,
-          },
-          attachment: result,
-        })
-
-        this.$emit('reload-file-resources')
-
-        this.toaster.pushSuccess(this.$t('toasts.file-create.success'))
-      } catch (error) {
-        this.toaster.pushError(`${this.$t('toasts.file-create.error')} (${error})`)
-        console.error(error)
-      } finally {
-        this.isSaving = false
-        this.close()
-      }
-    },
-
-    async editLink() {
-      this.isSaving = true
-      const body = {
-        ...this.selectedItem,
-        description: this.description,
-        title: this.title,
-        site_url: this.link,
-      }
-
-      try {
-        const result = await this.patchAttachmentLink(body)
-
-        analytics.attachmentLink.updateAttachment({
-          user: {
-            id: this.user.id,
-          },
-          attachment: result,
-        })
-
-        this.$emit('reload-link-resources')
-
-        this.toaster.pushSuccess(this.$t('toasts.link-update.success'))
-      } catch (error) {
-        this.toaster.pushError(`${this.$t('toasts.link-update.error')} (${error})`)
-        console.error(error)
-      } finally {
-        this.isSaving = false
-        this.close()
-      }
-    },
-
-    async editFile() {
-      this.isSaving = true
-      const body = {
-        ...this.selectedItem,
-        title: this.title,
-        description: this.description,
-        id: this.selectedItem.id,
-      }
-
-      try {
-        const result = await this.patchAttachmentFile(body)
-
-        analytics.attachmentFile.updateAttachment({
-          user: {
-            id: this.user.id,
-          },
-          attachment: result,
-        })
-
-        this.$emit('reload-file-resources')
-        this.toaster.pushSuccess(this.$t('toasts.file-update.success'))
-      } catch (error) {
-        this.toaster.pushError(`${this.$t('toasts.file-update.error')} (${error})`)
-        console.error(error)
-      } finally {
-        this.isSaving = false
-        this.close()
-      }
-    },
-
-    uploadImage(file) {
-      this.file = file
-      this.title = file.name
-      this.hasFileError = false
-    },
-
-    close() {
-      this.v$.$reset()
-      this.$emit('close')
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.resource-modal {
-  padding: variables.$space-l;
-
-  .text-input {
-    padding: 0;
-    padding-bottom: variables.$space-xs;
-  }
-
-  .select-resource {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    align-items: stretch;
-
-    .button-select {
-      margin: variables.$space-l;
-    }
-  }
-}
-
-.file-input-ctn {
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:deep(.input-ctn) {
-  box-sizing: border-box;
-}
-</style>
-
-<style lang="scss">
-// To remove scroll bar on dialogue modal, not needed in this case.
-.resource-modal .s-modal-content {
-  overflow: hidden !important;
-}
-</style>
diff --git a/src/components/resources/ResourcesRecap.vue b/src/components/resources/ResourcesRecap.vue
deleted file mode 100644
index bf7787055..000000000
--- a/src/components/resources/ResourcesRecap.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <div class="resources-recap">
-    <div class="resources-ctn">
-      <SectionHeader
-        :button-label="$t('common.see-more')"
-        :quantity="links + files"
-        :title="$t('project.resource', links + files)"
-        class="section-header"
-        @redirect-button-clicked="redirect"
-      />
-
-      <div class="resources-block">
-        <ResourceCount v-if="files" :count="files" :is-file="true" :target="target" />
-
-        <ResourceCount v-if="links" :count="links" :is-file="false" :target="target" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import SectionHeader from '~/components/base/SectionHeader.vue'
-
-import ResourceCount from '~/components/resources/ResourceCount.vue'
-import type { RouteLocationRaw } from 'vue-router'
-
-const router = useRouter()
-
-const props = withDefaults(
-  defineProps<{
-    files?: number
-    links?: number
-    target: RouteLocationRaw
-    redirect: RouteLocationRaw
-  }>(),
-  { links: 0, files: 0 }
-)
-
-const redirect = () => {
-  router.push(props.redirect)
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.resources-recap .resources-ctn {
-  display: flex;
-  align-items: stretch;
-  justify-content: space-evenly;
-  flex-direction: column;
-  padding: variables.$space-l 0;
-  border-radius: variables.$border-radius-l;
-  background: transparent;
-
-  .section-header {
-    justify-content: space-between;
-  }
-
-  .resources-block {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, 200px);
-    gap: variables.$space-l;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/resources/ResourcesTab.vue b/src/components/resources/ResourcesTab.vue
deleted file mode 100644
index 38859ea0e..000000000
--- a/src/components/resources/ResourcesTab.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-<template>
-  <div class="project-resources">
-    <BaseModuleHeader :editable="isEditionEnabled" @add="$emit('edit')" />
-
-    <SectionHeader
-      v-if="fileResources.length"
-      :has-button="false"
-      :quantity="fileResources.length"
-      :title="$t('common.file', fileResources.length)"
-    />
-
-    <div v-if="fileResources.length" class="resource-ctn">
-      <ResourceCard
-        v-for="file in fileResources"
-        :key="file.id"
-        :can-delete="isEditionEnabled"
-        :can-edit="isEditionEnabled"
-        :resource="file"
-        :subtitle="file?.$t?.description"
-        :title="file?.$t?.title"
-        :mime="file?.mime"
-        @edit="$emit('edit', file)"
-        @delete="openModal(file, 'file')"
-      />
-    </div>
-
-    <SectionHeader
-      v-if="linkResources.length"
-      :has-button="false"
-      :quantity="linkResources.length"
-      :title="$t('resource.web', linkResources.length)"
-      class="link-header"
-    />
-
-    <div v-if="linkResources.length" class="resource-ctn">
-      <ResourceCard
-        v-for="link in linkResources"
-        :key="link.id"
-        :can-delete="isEditionEnabled"
-        :can-edit="isEditionEnabled"
-        :resource="link"
-        :subtitle="link?.$t?.description"
-        :title="link?.$t?.title"
-        :mime="getMimeFromType(link?.attachment_type)"
-        @edit="$emit('edit', link)"
-        @delete="openModal(link, 'link')"
-      />
-    </div>
-
-    <EmptyLabel v-if="linkResources.length === 0 && fileResources.length === 0" />
-
-    <ConfirmModal
-      v-if="confirmModalVisible"
-      :content="confirmModalContent"
-      :title="$t('common.delete')"
-      :asyncing="asyncing"
-      @cancel="confirmModalVisible = false"
-      @confirm="deleteResource(currentResource, currentType)"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import ConfirmModal from '~/components/base/modal/ConfirmModal.vue'
-import ResourceCard from '~/components/resources/ResourceCard.vue'
-import SectionHeader from '~/components/base/SectionHeader.vue'
-
-import type {
-  TranslatedAttachmentLink,
-  TranslatedAttachmentFile,
-} from 'shared-projects-frontend/models'
-import BaseModuleHeader from '~/components/modules/BaseModuleHeader.vue'
-import { getMimeFromType } from '~/functs/imageSizesUtils'
-import useToasterStore from '~/stores/useToaster'
-
-const props = withDefaults(
-  defineProps<{
-    fileResources?: TranslatedAttachmentFile[]
-    linkResources?: TranslatedAttachmentLink[]
-    deleteAttachmentLink: (item: TranslatedAttachmentFile) => Promise<unknown>
-    deleteAttachmentFile: (item: TranslatedAttachmentLink) => Promise<unknown>
-    editable?: boolean
-    permissions?: boolean
-  }>(),
-  {
-    fileResources: () => [],
-    linkResources: () => [],
-    editable: false,
-    permissions: true,
-  }
-)
-
-const emit = defineEmits<{
-  'reload-file-resources': []
-  'reload-link-resources': []
-  edit: [TranslatedAttachmentFile | TranslatedAttachmentLink] | []
-}>()
-
-const { t } = useNuxtI18n()
-const toaster = useToasterStore()
-useScrollToTab()
-
-const confirmModalVisible = ref(false)
-const currentType = ref(null)
-const currentResource = ref(null)
-const confirmModalContent = ref(null)
-const asyncing = ref(false)
-
-const isEditionEnabled = computed(() => {
-  return props.permissions && props.editable
-})
-
-const openModal = (resource, type) => {
-  confirmModalVisible.value = true
-  currentType.value = type
-  currentResource.value = resource
-
-  confirmModalContent.value =
-    currentType.value === 'link' ? t('resource.link.delete') : t('resource.file.delete')
-}
-
-const deleteResource = async (resource, type) => {
-  asyncing.value = true
-  if (type === 'link') {
-    try {
-      await props.deleteAttachmentLink(resource.id)
-
-      emit('reload-link-resources')
-
-      toaster.pushSuccess(t('toasts.link-delete.success'))
-    } catch (error) {
-      toaster.pushError(`${t('toasts.link-delete.error')} (${error})`)
-      console.error(error)
-    } finally {
-      asyncing.value = false
-      confirmModalVisible.value = false
-    }
-  } else if (type === 'file') {
-    try {
-      await props.deleteAttachmentFile(resource.id)
-
-      emit('reload-file-resources')
-
-      toaster.pushSuccess(t('toasts.file-delete.success'))
-    } catch (error) {
-      toaster.pushError(`${t('toasts.file-delete.error')} (${error})`)
-      console.error(error)
-    } finally {
-      asyncing.value = false
-      confirmModalVisible.value = false
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.actions-ctn {
-  position: absolute;
-  top: -20px;
-  right: 15px;
-  display: flex;
-
-  button:last-of-type {
-    margin-left: variables.$space-s;
-  }
-}
-
-.project-resources {
-  .resource-ctn {
-    display: flex;
-    flex-wrap: wrap;
-    gap: variables.$space-m;
-    padding: variables.$space-l 0;
-
-    > div {
-      width: calc(33% - variables.$space-m);
-    }
-  }
-
-  .link-header {
-    margin-top: variables.$space-l;
-  }
-
-  .category-title {
-    color: variables.$primary-dark;
-    text-transform: uppercase;
-    font-size: variables.$font-size-xs;
-    font-weight: 700;
-  }
-}
-
-.add-resource {
-  display: flex;
-  justify-content: flex-end;
-  padding: variables.$space-l 0;
-}
-
-@media screen and (max-width: variables.$max-tablet) {
-  .project-resources .resource-ctn {
-    > div {
-      width: calc(50% - variables.$space-m);
-    }
-  }
-}
-
-@media screen and (max-width: variables.$min-tablet) {
-  .project-resources .resource-ctn {
-    > div {
-      width: 100%;
-    }
-  }
-}
-</style>
diff --git a/src/pages/MentorshipRespondPage/MentorshipRespondPage.vue b/src/pages/MentorshipRespondPage/MentorshipRespondPage.vue
index c2c210632..5989d71fc 100644
--- a/src/pages/MentorshipRespondPage/MentorshipRespondPage.vue
+++ b/src/pages/MentorshipRespondPage/MentorshipRespondPage.vue
@@ -69,12 +69,10 @@
       :title="$t('profile.drawer_title')"
       @close="profileIsOpened = false"
     >
-      <UserProfileV2
+      <UserProfilePreview
         v-if="profileIsOpened"
         ref="profile-user"
-        :can-edit="false"
         :user-id="mentorship?.mentoree?.id"
-        is-preview
       />
     </BaseDrawer>
   </div>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.vue
deleted file mode 100644
index ed6e77876..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-  <div class="profile-edit-bio">
-    <!-- short bio -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.short_description"
-        :label="$t('profile.edit.bio.short-bio.label')"
-        :placeholder="$t('profile.edit.bio.short-bio.placeholder')"
-        :max-length="300"
-        data-test="short-bio-input"
-      />
-    </div>
-    <!-- professional bio -->
-    <div class="form-group">
-      <label>{{ $t('profile.edit.bio.long-bio.label') }}</label>
-      <!--p class="notice">
-        {{ $t('profile.edit.bio.professional-bio.placeholder') }}
-      </p-->
-      <TipTapEditor
-        ref="faq-editor"
-        :key="user?.id || 'curren-user'"
-        v-model="form.description"
-        data-test="long-bio-editor"
-      />
-    </div>
-    <!-- actions -->
-    <div class="form-actions">
-      <LpiButton
-        :disabled="asyncing"
-        :label="$t('common.cancel')"
-        :secondary="true"
-        class="footer__left-button"
-        data-test="close-button"
-        @click="cancel"
-      />
-
-      <LpiButton
-        :disabled="asyncing"
-        :label="$t('common.confirm')"
-        :btn-icon="asyncing ? 'LoaderSimple' : null"
-        :secondary="false"
-        class="footer__right-button"
-        data-test="confirm-button"
-        @click="save"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-import { defaultProfileFormBio as defaultFormBio } from '~/form/profile'
-import { patchUser } from 'shared-projects-frontend/apis'
-
-import useToasterStore from '~/stores/useToaster'
-import useUsersStore from '~/stores/useUsers'
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-
-const emit = defineEmits<{
-  'profile-edited': []
-}>()
-const { t } = useNuxtI18n()
-const router = useRouter()
-const toaster = useToasterStore()
-const usersStore = useUsersStore()
-const form = ref(defaultFormBio())
-const { startEditWatcher, stopEditWatcher } = useEditWatcher(form)
-const asyncing = ref(false)
-
-const isSelf = computed(() => {
-  if (!props.user) return true
-  const connectedUser = usersStore.userFromApi
-  return connectedUser && props.user?.id === connectedUser?.id
-})
-
-const resetForm = () => {
-  stopEditWatcher()
-  form.value = defaultFormBio()
-  if (props.user) {
-    form.value = {
-      short_description: props.user.short_description || form.value.short_description,
-      description: props.user.description || form.value.description,
-    }
-  }
-  startEditWatcher()
-}
-
-const redirectToProfile = () => {
-  router.push({
-    name: 'ProfileBio',
-    params: { userIdOrSlug: props.user.slug || props.user.id },
-  })
-}
-
-const save = async () => {
-  asyncing.value = true
-  try {
-    const data = { ...form.value }
-
-    await patchUser(props.user.id, data)
-
-    startEditWatcher()
-
-    emit('profile-edited')
-
-    // update store if self
-    if (isSelf.value) usersStore.refreshUser()
-    toaster.pushSuccess(t('profile.edit.bio.save-success'))
-    redirectToProfile()
-  } catch (error) {
-    toaster.pushError(`${t('profile.edit.bio.save-error')} (${error})`)
-    console.error(error)
-  } finally {
-    asyncing.value = false
-  }
-}
-
-const cancel = () => redirectToProfile()
-watch(
-  () => props.user,
-  (neo) => {
-    if (neo) {
-      resetForm()
-    }
-  },
-  { immediate: true }
-)
-</script>
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
-
-.form-actions {
-  position: sticky;
-  bottom: 0;
-  background-color: white;
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileBioTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileBioTab.vue
deleted file mode 100644
index f8feab47f..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileBioTab.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-  <div class="profile-bio">
-    <!--div v-if="isCurrentUser || canEditUser" class="header">
-      <LpiButton
-        class="edit-btn"
-        btn-icon="Pen"
-        :label="$t('common.edit')"
-        :to="editBioLink"
-        data-test="edit-bio"
-      />
-    </div-->
-    <!-- Short bio -->
-    <div v-if="user.short_description" class="short-bio">
-      <h3 class="subtitle">{{ $t('profile.edit.bio.short-bio.label') }}</h3>
-
-      <div class="user-descriptions description-content">
-        <p class="short-description" v-html="user?.$t?.short_description" />
-      </div>
-    </div>
-
-    <!-- User descriptions -->
-    <div v-if="user.description" class="long-bio">
-      <h3 class="subtitle">{{ $t('profile.edit.bio.long-bio.label') }}</h3>
-
-      <UserDescriptions v-if="user.description" :user="user" />
-    </div>
-
-    <!-- No description -->
-    <p v-if="!user.description && !user.short_description" class="empty-field">
-      {{ noDescription }}
-    </p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-import useUsersStore from '~/stores/useUsers'
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-
-const { t } = useNuxtI18n()
-
-const usersStore = useUsersStore()
-
-const isCurrentUser = computed(() => usersStore.id === props.user.id)
-
-const noDescription = computed(() => (isCurrentUser.value ? t('me.no-bio') : t('you.no-bio')))
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.empty-field {
-  color: variables.$mid-gray;
-  font-weight: 700;
-}
-
-.header {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.subtitle {
-  font-size: variables.$font-size-l;
-  font-weight: 700;
-  color: variables.$primary-dark;
-}
-
-.user-descriptions {
-  padding: variables.$space-l;
-  padding-left: 0;
-
-  &.limited {
-    @media all and (min-width: variables.$max-tablet) {
-      border: variables.$border-width-s solid variables.$primary;
-      border-radius: variables.$border-radius-l;
-    }
-  }
-
-  .description-content {
-    margin-bottom: variables.$space-l;
-  }
-
-  :deep(.title) {
-    font-size: variables.$font-size-m;
-    font-weight: 700;
-    color: variables.$primary-dark;
-    margin-bottom: variables.$space-l;
-  }
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.vue
deleted file mode 100644
index 79b694d4b..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-<template>
-  <div class="form-ctn">
-    <!-- first name -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.first_name"
-        :label="$t('profile.edit.general.first-name.label')"
-        :placeholder="$t('profile.edit.general.first-name.placeholder')"
-        data-test="first-name-input"
-        @blur="v$.first_name.$validate"
-      />
-      <FieldErrors :errors="v$.first_name.$errors" />
-    </div>
-
-    <!-- last name -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.last_name"
-        :label="$t('profile.edit.general.last-name.label')"
-        :placeholder="$t('profile.edit.general.last-name.placeholder')"
-        data-test="last-name-input"
-        :errors="v$.last_name.$errors"
-        @blur="v$.last_name.$validate"
-      />
-    </div>
-
-    <!-- pronouns -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.pronouns"
-        :placeholder="$t('profile.edit.general.pronouns.placeholder')"
-        data-test="pronouns-input"
-        :label="$t('profile.edit.general.pronouns.label')"
-        :help="$t('profile.edit.general.pronouns.notice')"
-      />
-    </div>
-
-    <!-- pro email -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.professional_email"
-        :label="$t('profile.edit.general.professional-email.label')"
-        :placeholder="$t('profile.edit.general.professional-email.placeholder')"
-        :disabled="true"
-        input-type="email"
-        :errors="v$.professional_email.$errors"
-        @blur="v$.professional_email.$validate"
-      />
-    </div>
-
-    <!-- pro number -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.professional_number"
-        :label="$t('profile.edit.general.professional-number.label')"
-        :placeholder="$t('profile.edit.general.professional-number.placeholder')"
-        data-test="professional-number-input"
-      />
-    </div>
-
-    <!-- personal number -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.personal_number"
-        :label="$t('profile.edit.general.personal-number.label')"
-        :placeholder="$t('profile.edit.general.personal-number.placeholder')"
-        data-test="personal-number-input"
-      />
-    </div>
-
-    <!-- website -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.personal_webpage"
-        :label="$t('profile.edit.general.personal-webpage.label')"
-        :placeholder="$t('profile.edit.general.personal-webpage.placeholder')"
-        data-test="personal-webpage-input"
-        :errors="v$.personal_webpage.$errors"
-        @blur="v$.personal_webpage.$validate"
-      />
-    </div>
-
-    <!-- linkedin -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.linkedin"
-        :label="$t('profile.edit.general.linkedin.label')"
-        :placeholder="$t('profile.edit.general.linkedin.placeholder')"
-        data-test="linkedin-input"
-        :errors="v$.linkedin.$errors"
-        @blur="v$.linkedin.$validate"
-      />
-    </div>
-
-    <!-- twitter -->
-    <!--div class="form-group">
-            <TextInput
-                v-model="form.twitter"
-                :label="$t('profile.edit.general.twitter.label')"
-                :placeholder="$t('profile.edit.general.twitter.placeholder')"
-                @blur="v$.twitter.$validate"
-                data-test="twitter-input"
-            ></TextInput>
-            <FieldErrors :errors="v$.twitter.$errors" />
-        </div-->
-
-    <hr class="form-separator" />
-
-    <!-- Picture -->
-    <div class="form-group img-ctn">
-      <label>{{ $t('profile.edit.general.picture.label') }}</label>
-      <ImageEditor
-        v-model:image-sizes="form.imageSizes"
-        v-model:picture="form.picture"
-        :picture-alt="`${form.last_name} image`"
-        :contain="true"
-        :round-picture="true"
-        :default-picture="DEFAULT_USER_PATATOID"
-      />
-    </div>
-
-    <hr class="form-separator" />
-
-    <!-- job title -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.title"
-        :label="$t('profile.edit.general.title.label')"
-        :placeholder="$t('profile.edit.general.title.placeholder')"
-        data-test="title-input"
-        :errors="v$.title.$errors"
-        @blur="v$.title.$validate"
-      />
-    </div>
-
-    <!-- org address -->
-    <div class="form-group">
-      <TextInput
-        v-model="form.location"
-        :label="$t('profile.edit.general.organization-address.label')"
-        :placeholder="$t('profile.edit.general.organization-address.placeholder')"
-        input-type="textarea"
-        data-test="location-input"
-      />
-    </div>
-
-    <hr class="form-separator" />
-
-    <!-- SDGs -->
-    <Field
-      :label="`${$t('profile.edit.general.sdgs.label')} (${form.sdgs ? form.sdgs.length : '0'})`"
-    >
-      <template #in-label>
-        <LpiButton
-          :label="$t('profile.edit.general.sdgs.add')"
-          btn-icon="Plus"
-          data-test="sdg-add"
-          @click="showSdgsDrawer = true"
-        />
-      </template>
-      <template #help>
-        {{ $t('profile.edit.general.sdgs.notice-start') }}
-        <a :href="$t('profile.edit.general.sdgs.link')" target="_blank" class="link">
-          {{ $t('profile.edit.general.sdgs.notice-link') }}
-        </a>
-        {{ $t('profile.edit.general.sdgs.notice-end') }}
-      </template>
-      <SdgList :sdgs="form.sdgs" />
-    </Field>
-
-    <hr class="form-separator" />
-    <p v-if="v$.$errors.length" class="error-message">
-      {{ $t('profile.edit.general.form-has-error') }}
-    </p>
-    <!-- actions -->
-    <div class="form-actions" data-test="main-form">
-      <LpiButton
-        :disabled="asyncing"
-        :label="$t('common.cancel')"
-        :secondary="true"
-        class="footer__left-button"
-        data-test="close-button"
-        @click="redirectToProfile"
-      />
-
-      <LpiButton
-        :disabled="v$.$errors.length || asyncing"
-        :label="$t('common.confirm')"
-        :btn-icon="asyncing ? 'LoaderSimple' : null"
-        class="footer__right-button"
-        data-test="confirm-button"
-        @click="save"
-      />
-    </div>
-  </div>
-  <!-- sdgs selector -->
-  <SdgsDrawer v-model="form.sdgs" :is-opened="showSdgsDrawer" @close="showSdgsDrawer = false" />
-
-  <!--ConfirmModal
-    v-if="showCancelConfirmModal"
-    :content="$t('profile.cancel-content')"
-    :title="$t('profile.cancel-title')"
-    :cancel-button-label="$t('common.no')"
-    :confirm-button-label="$t('common.yes')"
-    @cancel="showCancelConfirmModal = false"
-    @confirm="resetAndLeaveEditPage"
-  /-->
-</template>
-<script>
-import { email, helpers, required, url } from '@vuelidate/validators'
-import useVuelidate from '@vuelidate/core'
-
-import {
-  patchUser,
-  patchUserPicture,
-  postUserPicture,
-  deleteUserPicture,
-} from 'shared-projects-frontend/apis'
-
-import SdgList from '~/components/sdgs/SdgList.vue'
-
-import useToasterStore from '~/stores/useToaster'
-import useUsersStore from '~/stores/useUsers'
-
-import { imageSizesFormData, pictureApiToImageSizes } from '~/functs/imageSizesUtils'
-import { VALID_NAME_REGEX } from '~/functs/constants'
-import { isEqual } from 'es-toolkit'
-
-function defaultForm() {
-  return {
-    pronouns: '',
-    first_name: '',
-    last_name: '',
-    professional_email: '',
-    professional_number: '',
-    personal_number: '',
-    personal_webpage: '',
-    linkedin: '',
-    twitter: '',
-    picture: '',
-    imageSizes: null,
-    title: '',
-    location: '',
-    tags: [],
-    sdgs: [],
-  }
-}
-
-export default {
-  name: 'ProfileGeneralEditTab',
-
-  components: {
-    SdgList,
-  },
-
-  props: {
-    user: {
-      type: Object,
-      required: true,
-    },
-  },
-
-  emits: ['profile-edited'],
-
-  setup() {
-    const toaster = useToasterStore()
-    const usersStore = useUsersStore()
-    const runtimeConfig = useRuntimeConfig()
-    const form = ref(defaultForm())
-    const { startEditWatcher, stopEditWatcher } = useEditWatcher(form)
-
-    const { t } = useNuxtI18n()
-
-    const rules = computed(() => {
-      return {
-        first_name: {
-          required: helpers.withMessage(t('profile.edit.general.first-name.is-required'), required),
-          alphanum: helpers.withMessage(
-            t('profile.edit.general.no-special-characters'),
-            helpers.regex(VALID_NAME_REGEX)
-          ),
-        },
-        last_name: {
-          required: helpers.withMessage(t('profile.edit.general.last-name.is-required'), required),
-          alphanum: helpers.withMessage(
-            t('profile.edit.general.no-special-characters'),
-            helpers.regex(VALID_NAME_REGEX)
-          ),
-        },
-        professional_email: {
-          required: helpers.withMessage(
-            t('profile.edit.general.professional-email.is-required'),
-            required
-          ),
-          email: helpers.withMessage(t('profile.edit.general.professional-email.is-email'), email),
-        },
-        title: {
-          required: helpers.withMessage(t('profile.edit.general.title.is-required'), required),
-        },
-        personal_webpage: {
-          url: helpers.withMessage(t('profile.edit.general.personal-webpage.is-url'), url),
-        },
-        linkedin: {
-          url: helpers.withMessage(t('profile.edit.general.linkedin.is-url'), url),
-        },
-        // twitter: {
-        //   url: helpers.withMessage(t('profile.edit.general.twitter.is-url'), url),
-        // },
-      }
-    })
-
-    const v$ = useVuelidate(rules, form)
-
-    return {
-      toaster,
-      usersStore,
-      runtimeConfig,
-      startEditWatcher,
-      stopEditWatcher,
-      form,
-      v$,
-    }
-  },
-  data() {
-    return {
-      asyncing: false,
-      tagsSelection: [],
-      showSdgsDrawer: false,
-    }
-  },
-
-  computed: {
-    // hasFormChanged() {
-    //   return this.v$.$anyDirty
-    // },
-    isSelf() {
-      const connectedUser = this.usersStore.userFromApi
-      return connectedUser && this.user.id === connectedUser.id
-    },
-  },
-
-  watch: {
-    user: {
-      handler(neo) {
-        if (neo) this.resetForm()
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    async save() {
-      this.asyncing = true
-      const isValid = await this.v$.$validate()
-      try {
-        if (isValid) {
-          const data = {
-            pronouns: this.form.pronouns,
-            given_name: this.form.first_name,
-            family_name: this.form.last_name,
-            email: this.form.professional_email,
-            landline_phone: this.form.professional_number,
-            mobile_phone: this.form.personal_number,
-            website: this.form.personal_webpage,
-            linkedin: this.form.linkedin,
-            twitter: this.form.twitter,
-            job: this.form.title,
-            location: this.form.location,
-            sdgs: this.form.sdgs,
-            // TODO: tags ???
-            // TODO: "facebook": "string",
-            // TODO: "medium": "string",
-            // TODO: "skype": "string",
-          }
-
-          await patchUser(this.user.id, data)
-
-          // patch user picture if changed
-
-          try {
-            if (
-              this.form.picture != this.user.profile_picture?.url ||
-              !isEqual(this.form.imageSizes, pictureApiToImageSizes(this.user.profile_picture))
-            ) {
-              if (
-                this.form.picture?.id !== this.user.profile_picture?.id &&
-                this.user.profile_picture?.id
-              ) {
-                await deleteUserPicture(this.user.id, this.user.profile_picture.id)
-              }
-
-              const formData = new FormData()
-              imageSizesFormData(formData, this.form.imageSizes)
-
-              if (this.form.picture instanceof File) {
-                formData.append('file', this.form.picture, this.form.picture.name)
-                const picture_id = (await postUserPicture(this.user.id, formData)).id
-
-                // TODO: make this in POST when backend allows it
-                formData.delete('file')
-                await patchUserPicture(this.user.id, picture_id, formData)
-              } else if (this.form.picture) {
-                await patchUserPicture(this.user.id, this.user.profile_picture.id, formData)
-              }
-            }
-          } catch (error) {
-            this.toaster.pushError(`${this.$t('profile.edit.general.save-image-error')} (${error})`)
-            console.error(error)
-          }
-
-          this.startEditWatcher()
-
-          this.$emit('profile-edited')
-
-          // give extra time for profile-edited event to be consumed
-          await new Promise((resolve) => setTimeout(resolve, 50))
-          // reload user if self to update store info
-          if (this.isSelf) this.usersStore.refreshUser()
-          // confirm success
-          this.toaster.pushSuccess(this.$t('profile.edit.general.save-success'))
-        }
-      } catch (error) {
-        this.toaster.pushError(`${this.$t('profile.edit.general.save-error')} (${error})`)
-        console.error(error)
-      } finally {
-        this.asyncing = false
-        if (isValid) {
-          this.redirectToProfile()
-        }
-      }
-    },
-
-    redirectToProfile() {
-      this.$router.push({
-        name: 'ProfileUser',
-        params: { userIdOrSlug: this.user.slug || this.user.id },
-      })
-    },
-
-    async resetForm() {
-      this.stopEditWatcher()
-      if (this.user) {
-        this.form = {
-          pronouns: this.user.pronouns || '',
-          first_name: this.user.given_name,
-          last_name: this.user.family_name,
-          professional_email: this.user.email,
-          professional_number: this.user.landline_phone || '',
-          personal_number: this.user.mobile_phone || '',
-          personal_webpage: this.user.website || '',
-          linkedin: this.user.linkedin || '',
-          twitter: this.user.twitter || '',
-          imageSizes: pictureApiToImageSizes(this.user.profile_picture),
-
-          title: this.user.job || '',
-          location: this.user.location || '',
-          tags: [], // TODO
-          sdgs: this.user.sdgs || [],
-          picture: this.user.profile_picture,
-        }
-      } else {
-        this.form = defaultForm()
-      }
-      this.startEditWatcher()
-    },
-  },
-}
-</script>
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
-
-.img-ctn {
-  margin-bottom: variables.$space-xl;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  label {
-    align-self: flex-start;
-  }
-}
-
-.form-actions {
-  position: sticky;
-  bottom: 0;
-  background-color: white;
-}
-
-.link {
-  display: inline-flex;
-  font-weight: bold;
-  text-decoration: underline;
-  color: variables.$primary-dark;
-  cursor: pointer;
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.vue
deleted file mode 100644
index 9cf700c27..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <div class="profile-edit-group">
-    <div class="form-group">
-      <label>
-        {{ t('profile.edit.groups.groups.label') }} ({{ user?.people_groups?.length || 0 }})
-      </label>
-      <div class="group-list-list">
-        <ListPaginator :limit="listLimit" :list="user?.people_groups || []">
-          <template #default="groupListSlotProps">
-            <CardList
-              :limit="listLimit"
-              :items="groupListSlotProps.items"
-              :is-loading="groupListSlotProps.isLoading"
-            >
-              <template #default="cardListSlotProps">
-                <GroupCard
-                  v-if="cardListSlotProps.item"
-                  :class="{
-                    'is-other-org': groupIsOtherOrg(cardListSlotProps.item),
-                  }"
-                  :group="cardListSlotProps.item"
-                  @click.capture="cancelIfOtherOrg($event, cardListSlotProps.item)"
-                />
-              </template>
-              <template #empty>
-                <div class="empty-ctn">
-                  <EmptyCard class="empty-card" :label="t('me.no-group')" />
-                </div>
-              </template>
-            </CardList>
-            <div
-              v-if="!groupListSlotProps.isLoading && groupListSlotProps.pagination?.total > 1"
-              class="pagination-container"
-            >
-              <PaginationButtons
-                :current="groupListSlotProps.pagination.currentPage"
-                :pagination="groupListSlotProps.pagination"
-                :total="groupListSlotProps.pagination.total"
-                @update-pagination="groupListSlotProps.paginationAction"
-              />
-            </div>
-          </template>
-        </ListPaginator>
-      </div>
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import PaginationButtons from '~/components/base/navigation/PaginationButtons.vue'
-import ListPaginator from '~/components/base/navigation/ListPaginator.vue'
-import EmptyCard from '~/components/people/UserProfile/EmptyCard.vue'
-import GroupCard from '~/components/group/GroupCard.vue'
-import CardList from '~/components/base/CardList.vue'
-
-defineProps<{ user: TranslatedUserModel }>()
-
-const { t } = useNuxtI18n()
-const orgStore = useOrganizations()
-const listLimit = 12
-
-const groupIsOtherOrg = (group) => {
-  return group.organization != orgStore?.current?.code
-}
-
-const cancelIfOtherOrg = (evt, group) => {
-  if (groupIsOtherOrg(group)) {
-    evt.stopImmediatePropagation()
-    evt.preventDefault()
-  }
-}
-</script>
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
-
-.pagination-container {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.is-other-org {
-  opacity: 0.6;
-  filter: saturate(0);
-
-  * {
-    cursor: not-allowed !important;
-  }
-
-  &:hover {
-    transform: none !important;
-    box-shadow: none !important;
-  }
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.vue
deleted file mode 100644
index cce156462..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-  <div class="groups-tab">
-    <div>
-      <h4 class="title">
-        {{ t('me.groups') }}
-        <span>({{ user?.people_groups?.length || 0 }})</span>
-      </h4>
-      <ListPaginator :limit="listLimit" :list="user?.people_groups || []">
-        <template #default="groupListSlotProps">
-          <CardList
-            :limit="listLimit"
-            :items="groupListSlotProps.items || []"
-            :is-loading="groupListSlotProps.isLoading"
-          >
-            <template #default="cardListSlotProps">
-              <GroupCard
-                v-if="cardListSlotProps.item"
-                :class="{
-                  'is-other-org': groupIsOtherOrg(cardListSlotProps.item),
-                }"
-                :group="cardListSlotProps.item"
-                @navigated-away="emit('close')"
-                @click.capture="cancelIfOtherOrg($event, cardListSlotProps.item)"
-              />
-            </template>
-            <template #empty>
-              <div class="empty-ctn">
-                <EmptyCard class="empty-card" :label="noGroupLabel" />
-              </div>
-            </template>
-          </CardList>
-
-          <div
-            v-if="!groupListSlotProps.isLoading && groupListSlotProps.pagination?.total > 1"
-            class="pagination-container"
-          >
-            <PaginationButtons
-              :current="groupListSlotProps.pagination.currentPage"
-              :pagination="groupListSlotProps.pagination"
-              :total="groupListSlotProps.pagination.total"
-              @update-pagination="groupListSlotProps.paginationAction"
-            />
-          </div>
-        </template>
-      </ListPaginator>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import PaginationButtons from '~/components/base/navigation/PaginationButtons.vue'
-import ListPaginator from '~/components/base/navigation/ListPaginator.vue'
-import EmptyCard from '~/components/people/UserProfile/EmptyCard.vue'
-import GroupCard from '~/components/group/GroupCard.vue'
-import CardList from '~/components/base/CardList.vue'
-
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-import useUsersStore from '~/stores/useUsers'
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-
-const emit = defineEmits(['close'])
-const { t } = useNuxtI18n()
-const usersStore = useUsersStore()
-const orgStore = useOrganizations()
-const listLimit = 12
-
-const isCurrentUser = computed(() => {
-  return usersStore.id === props.user.id
-})
-
-const noGroupLabel = computed(() => {
-  return isCurrentUser.value ? t('me.no-group') : t('you.no-group')
-})
-
-const groupIsOtherOrg = (group) => {
-  return group.organization != orgStore?.current?.code
-}
-
-const cancelIfOtherOrg = (evt, group) => {
-  if (groupIsOtherOrg(group)) {
-    evt.stopImmediatePropagation()
-    evt.preventDefault()
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.groups-tab {
-  .loader {
-    padding: variables.$space-3xl 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-  }
-
-  .title {
-    font-size: variables.$font-size-l;
-    font-weight: 700;
-    color: variables.$primary-dark;
-    margin: variables.$space-l 0;
-  }
-
-  .pagination-container {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.is-other-org {
-  opacity: 0.6;
-  filter: saturate(0);
-
-  * {
-    cursor: not-allowed !important;
-  }
-
-  &:hover {
-    transform: none !important;
-    box-shadow: none !important;
-  }
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.vue
deleted file mode 100644
index a6428d626..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.vue
+++ /dev/null
@@ -1,364 +0,0 @@
-<template>
-  <div class="profile-edit-privacy" :class="{ frozen: asyncing }">
-    <div class="privacy-field">
-      <div class="wording">
-        <label>{{ $t('profile.edit.privacy.publication-status.label') }}</label>
-        <p class="notice">
-          {{ $t('profile.edit.privacy.publication-status.notice') }}
-        </p>
-      </div>
-      <div class="actions">
-        <GroupButton
-          v-model="form.publication_status"
-          :options="groupOptions.publication_status"
-          :has-icon="true"
-          size="default"
-          @update:model-value="save"
-        />
-      </div>
-    </div>
-
-    <!-- picture -->
-    <div class="privacy-field">
-      <div class="wording">
-        <label>{{ $t('profile.edit.privacy.picture.label') }}</label>
-        <p class="notice">
-          {{ $t('profile.edit.privacy.picture.notice') }}
-        </p>
-      </div>
-      <div class="actions">
-        <GroupButton
-          v-model="form.profile_picture"
-          :options="groupOptions.profile_picture"
-          :has-icon="true"
-          size="default"
-          @update:model-value="save"
-        />
-      </div>
-    </div>
-    <!-- email -->
-    <div class="privacy-field">
-      <div class="wording">
-        <label>{{ $t('profile.edit.privacy.email.label') }}</label>
-        <p class="notice">
-          {{ $t('profile.edit.privacy.email.notice') }}
-        </p>
-      </div>
-      <div class="actions">
-        <GroupButton
-          v-model="form.email"
-          :options="groupOptions.email"
-          :has-icon="true"
-          size="default"
-          @update:model-value="save"
-        />
-      </div>
-    </div>
-
-    <!-- personal phone -->
-    <div class="privacy-field">
-      <div class="wording">
-        <label>{{ $t('profile.edit.privacy.personal-phone.label') }}</label>
-        <p class="notice">
-          {{ $t('profile.edit.privacy.personal-phone.notice') }}
-        </p>
-      </div>
-      <div class="actions">
-        <GroupButton
-          v-model="form.mobile_phone"
-          :options="groupOptions.mobile_phone"
-          :has-icon="true"
-          size="default"
-          @update:model-value="save"
-        />
-      </div>
-    </div>
-
-    <!-- skills & hobbies  -->
-    <div class="privacy-field">
-      <div class="wording">
-        <label>{{ $t('profile.edit.privacy.skills-hobbies.label') }}</label>
-        <p class="notice">
-          {{ $t('profile.edit.privacy.skills-hobbies.notice') }}
-        </p>
-      </div>
-      <div class="actions">
-        <GroupButton
-          v-model="form.skills"
-          :options="groupOptions.skills"
-          :has-icon="true"
-          size="default"
-          @update:model-value="save"
-        />
-      </div>
-    </div>
-    <!-- socials -->
-    <div class="privacy-field">
-      <div class="wording vertical">
-        <label>{{ $t('profile.edit.privacy.socials.label') }}</label>
-        <p class="notice">
-          {{ $t('profile.edit.privacy.socials.notice') }}
-        </p>
-      </div>
-      <div class="actions">
-        <GroupButton
-          v-model="form.socials"
-          :options="groupOptions.socials"
-          :has-icon="true"
-          size="default"
-          @update:model-value="save"
-        />
-      </div>
-    </div>
-    <LoaderSimple v-if="asyncing" class="loader" />
-  </div>
-</template>
-<script lang="ts">
-import { getUser, patchUserPrivacy } from 'shared-projects-frontend/apis'
-
-import type { GroupOption } from '~/components/base/button/GroupButton.vue'
-import LoaderSimple from '~/components/base/loader/LoaderSimple.vue'
-import GroupButton from '~/components/base/button/GroupButton.vue'
-
-import type { PrivacySettings, PrivacyValue } from 'shared-projects-frontend/models'
-import useToasterStore from '~/stores/useToaster'
-import useUsersStore from '~/stores/useUsers'
-
-function defaultForm(): PrivacySettings {
-  return {
-    publication_status: 'pub',
-    profile_picture: 'org',
-    email: 'hide',
-    mobile_phone: 'hide',
-    skills: 'hide',
-    socials: 'org',
-  }
-}
-
-function dataMapping() {
-  return {
-    publication_status: ['publication_status'],
-    profile_picture: ['profile_picture'],
-    email: ['email'],
-    mobile_phone: ['mobile_phone'],
-    skills: ['skills'],
-    socials: ['socials'],
-  }
-}
-
-export default {
-  name: 'ProfilePrivacyEditTab',
-
-  components: {
-    GroupButton,
-    LoaderSimple,
-  },
-
-  props: {
-    user: {
-      type: Object,
-      required: true,
-    },
-  },
-
-  emits: ['update:modelValue', 'profile-edited'],
-  setup() {
-    const toaster = useToasterStore()
-    const usersStore = useUsersStore()
-    return {
-      toaster,
-      usersStore,
-    }
-  },
-
-  data() {
-    return {
-      form: defaultForm(),
-      asyncing: false,
-    }
-  },
-
-  computed: {
-    // isSelf() {
-    //   if (!this.user) return true
-    //   const connectedUser = this.usersStore.userFromApi
-    //   return connectedUser && this.user?.id === connectedUser?.id
-    // },
-    optionsMap() {
-      return {
-        hide: {
-          label: this.$t('profile.edit.privacy.options.hide'),
-          iconName: 'EyeSlash',
-          value: 'hide',
-          // @ts-expect-error
-          rank: 0,
-        },
-        org: {
-          label: this.$t('profile.edit.privacy.options.org'),
-          iconName: 'PeopleGroup',
-          value: 'org',
-          // @ts-expect-error
-          rank: 1,
-        },
-        pub: {
-          label: this.$t('profile.edit.privacy.options.pub'),
-          iconName: 'Eye',
-          value: 'pub',
-          // @ts-expect-error
-          rank: 2,
-        },
-      } satisfies { [key in PrivacyValue]: GroupOption }
-    },
-    settingsList() {
-      return Object.values(this.optionsMap)
-        .sort((a, b) => a.rank - b.rank)
-        .map((option) => option.value)
-    },
-    groupOptions() {
-      return {
-        profile_picture: [this.optionsMap.org, this.optionsMap.pub],
-        email: [this.optionsMap.hide, this.optionsMap.org, this.optionsMap.pub],
-        mobile_phone: [this.optionsMap.hide, this.optionsMap.org, this.optionsMap.pub],
-        skills: [this.optionsMap.hide, this.optionsMap.org, this.optionsMap.pub],
-        socials: [this.optionsMap.org, this.optionsMap.pub],
-        publication_status: [this.optionsMap.hide, this.optionsMap.org, this.optionsMap.pub],
-      }
-    },
-  },
-  watch: {
-    user: {
-      handler(neo) {
-        if (neo) this.resetForm()
-      },
-      immediate: true,
-    },
-  },
-  methods: {
-    async save() {
-      this.asyncing = true
-      try {
-        const apiData = this.adaptFormToApi()
-        await patchUserPrivacy(this.user.id, apiData)
-
-        if (this.user.id === this.usersStore.id) this.usersStore.refreshUser()
-        else getUser(this.user.id)
-
-        this.$emit('profile-edited')
-
-        this.toaster.pushSuccess(this.$t('profile.edit.privacy.save-success'))
-      } catch (error) {
-        this.toaster.pushError(`${this.$t('profile.edit.privacy.save-error')} (${error})`)
-        console.error(error)
-      } finally {
-        this.asyncing = false
-      }
-    },
-    resetForm() {
-      if (this.user) {
-        this.form = this.adaptApiToForm(this.user.privacy_settings)
-      } else {
-        this.form = defaultForm()
-      }
-    },
-
-    adaptFormToApi() {
-      const mapping = dataMapping()
-      const apiData = {}
-
-      for (const key in mapping) {
-        const targets = mapping[key]
-        const value = this.form[key]
-        targets.forEach((target) => {
-          apiData[target] = value
-        })
-      }
-      return apiData
-    },
-
-    adaptApiToForm(apiSettings) {
-      // api is more fine grained than front
-      // so we need to adapt it
-
-      const mapping = dataMapping()
-      const res = defaultForm()
-      for (const key in mapping) {
-        const targets = mapping[key]
-        const ranks = targets
-          .map((apiSetting) => apiSettings[apiSetting])
-          .map((settingValue) => this.optionsMap[settingValue].rank)
-        const minRank = Math.min(...ranks) // use the most private api setting
-        const safeRank = Math.max(minRank, this.groupOptions[key][0].rank) // make sure it's not more private than allowed by the field
-        res[key] = this.settingsList[safeRank]
-      }
-      return res
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
-
-.profile-edit-privacy {
-  margin-top: variables.$space-xl;
-  position: relative;
-
-  &.frozen {
-    pointer-events: none;
-    opacity: 0.6;
-  }
-
-  .loader {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-
-.privacy-field {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: variables.$border-width-s solid variables.$lighter-gray;
-
-  .wording {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: variables.$space-unit;
-    padding: variables.$space-l 0;
-
-    &.vertical {
-      flex-direction: column;
-      align-items: flex-start;
-      justify-content: flex-end;
-    }
-
-    &:last-child {
-      border-bottom: none;
-    }
-
-    label {
-      font-size: variables.$font-size-l;
-      font-weight: 500;
-      line-height: variables.$line-height-squashed;
-    }
-
-    .notice {
-      font-size: variables.$font-size-m;
-      font-weight: 400;
-      line-height: variables.$line-height-squashed;
-    }
-  }
-
-  .actions {
-    flex-shrink: 0;
-    display: flex;
-    justify-content: flex-end;
-  }
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileProjectTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileProjectTab.vue
deleted file mode 100644
index 1846a577c..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileProjectTab.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div class="project-tab">
-    <div v-if="isMyProfileAndCanCreateProject" class="create-project">
-      <LpiButton
-        :label="$t('project.create-project')"
-        class="btn"
-        btn-icon="Plus"
-        secondary
-        @click="$router.push({ name: 'createProject' })"
-      />
-    </div>
-    <!-- user projects (Owners, Members) -->
-
-    <UserProjectsSearch :limit="12" :member-roles="['owners', 'members']" :user="user">
-      <template #default="{ items: projects, isLoading, totalCount, pagination, paginationAction }">
-        <div class="project-list-header">
-          <h4 class="title">
-            {{ $t('me.projects-participate') }}
-            <span>({{ totalCount }})</span>
-          </h4>
-        </div>
-        <UserProjectList
-          :label="$t('me.projects-participate')"
-          :empty-label="noParticipate"
-          :number-column="6"
-          :projects="projects"
-          :projects-loading="isLoading"
-          :pagination="pagination"
-          class="project-list"
-          @pagination-changed="paginationAction"
-        />
-      </template>
-    </UserProjectsSearch>
-
-    <!-- user projects (Reviewers) -->
-    <UserProjectsSearch :limit="12" :member-roles="['reviewers']" :user="user">
-      <template #default="{ items: projects, isLoading, totalCount, pagination, paginationAction }">
-        <div class="project-list-header">
-          <h4 class="title">
-            {{ $t('me.projects-reviewing') }}
-            <span>({{ totalCount }})</span>
-          </h4>
-        </div>
-        <UserProjectList
-          :empty-label="noReviewLabel"
-          :number-column="6"
-          :projects="projects"
-          :projects-loading="isLoading"
-          :pagination="pagination"
-          class="project-list"
-          @pagination-changed="paginationAction"
-        />
-      </template>
-    </UserProjectsSearch>
-
-    <!-- user projects (Followed) -->
-    <UserProjectsSearch :limit="12" follow :user="user">
-      <template #default="{ items: projects, isLoading, totalCount, pagination, paginationAction }">
-        <div class="project-list-header">
-          <h4 class="title">
-            {{ $t('me.follow') }}
-            <span>({{ totalCount }})</span>
-          </h4>
-        </div>
-        <UserProjectList
-          :empty-label="noFollowLabel"
-          :limit="12"
-          :number-column="6"
-          :projects="projects"
-          :projects-loading="isLoading"
-          :pagination="pagination"
-          class="project-list"
-          @pagination-changed="paginationAction"
-        />
-      </template>
-    </UserProjectsSearch>
-
-    <div v-if="followedCategories.length" class="follower-categories">
-      <div class="project-list-header">
-        <h4 class="title">
-          {{ $t('me.follow-category') }}
-          <span>({{ followedCategories.length }})</span>
-        </h4>
-      </div>
-      <div class="category-list-wrapper">
-        <CategoryCard
-          v-for="category in followedCategories"
-          :key="category.id"
-          :category="category"
-          class="category-card"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import UserProjectsSearch from '~/components/people/UserProfile/UserProjectsSearch.vue'
-import UserProjectList from '~/components/people/UserProfile/UserProjectList.vue'
-import LpiButton from '~/components/base/button/LpiButton.vue'
-
-import { usePermissionProject } from '~/composables/usePermissions/useProjectPermissions'
-import useProjectCategories from '~/stores/useProjectCategories'
-import useUsersStore from '~/stores/useUsers'
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-
-const { t } = useNuxtI18n()
-
-const usersStore = useUsersStore()
-const { canCreateProject } = usePermissionProject(null)
-const projectCategoriesStore = useProjectCategories()
-
-const followedCategories = computed(() => {
-  return (usersStore.followedCategories || [])
-    .map((f) => projectCategoriesStore.allByIds[f.category.id])
-    .filter((c) => !!c)
-})
-
-const isMyProfileAndCanCreateProject = computed(() => {
-  const loggedAsID = usersStore.id
-  return loggedAsID && props.user.id === loggedAsID && canCreateProject.value
-})
-
-const isCurrentUser = computed(() => {
-  return usersStore.id === props.user.id
-})
-
-const noFollowLabel = computed(() => {
-  return isCurrentUser.value ? t('me.no-follow') : t('you.no-follow')
-})
-
-const noReviewLabel = computed(() => {
-  return isCurrentUser.value ? t('me.no-project-reviewing') : t('you.no-project-reviewing')
-})
-
-const noParticipate = computed(() => {
-  return isCurrentUser.value ? t('me.no-project-participate') : t('you.no-project-participate')
-})
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.project-list-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: variables.$space-l;
-
-  .title {
-    font-size: variables.$font-size-l;
-    font-weight: 700;
-    color: variables.$primary-dark;
-    margin-bottom: variables.$space-l;
-  }
-}
-
-.create-project {
-  padding-top: variables.$space-l;
-  display: flex;
-  justify-content: flex-end;
-}
-
-@media screen and (max-width: variables.$min-tablet) {
-  .project-tab {
-    padding: 0 variables.$space-s;
-  }
-}
-
-.category-list-wrapper {
-  display: flex;
-  gap: 1rem;
-  flex-flow: row wrap;
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.vue
deleted file mode 100644
index 4b0870dfb..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-  <div class="profile-edit-projects">
-    <!-- member -->
-    <div class="form-group">
-      <UserProjectsSearch
-        :limit="PROJECTS_LIMIT"
-        :member-roles="['owners', 'members']"
-        :user="user"
-      >
-        <template
-          #default="{ items: projects, isLoading, totalCount, pagination, paginationAction }"
-        >
-          <label>{{ $t('profile.edit.projects.member.label') }} ({{ totalCount }})</label>
-          <p class="notice">
-            {{ $t('profile.edit.projects.member.notice') }}
-          </p>
-          <div class="project-list-wrapper">
-            <UserProjectList
-              :empty-label="$t('me.no-project-participate')"
-              :limit="PROJECTS_LIMIT"
-              :number-column="PROJECTS_COLUMNS"
-              :projects="projects"
-              :projects-loading="isLoading"
-              :pagination="pagination"
-              class="project-list"
-              @pagination-changed="paginationAction"
-            />
-          </div>
-        </template>
-      </UserProjectsSearch>
-    </div>
-    <hr class="separator" />
-    <!-- follow -->
-    <div class="form-group">
-      <UserProjectsSearch :key="followedProjectsKey" :limit="PROJECTS_LIMIT" follow :user="user">
-        <template
-          #default="{ items: projects, isLoading, totalCount, pagination, paginationAction }"
-        >
-          <div class="label-wrapper">
-            <label>{{ $t('profile.edit.projects.followed.label') }} ({{ totalCount }})</label>
-            <LpiButton
-              :label="$t('profile.edit.projects.followed.add')"
-              btn-icon="Plus"
-              @click="showFollowProjectDrawer = true"
-            />
-          </div>
-          <p class="notice">
-            {{ $t('profile.edit.projects.followed.notice') }}
-          </p>
-          <div class="project-list-wrapper">
-            <UserProjectList
-              :empty-label="$t('me.no-follow')"
-              :limit="PROJECTS_LIMIT"
-              :number-column="PROJECTS_COLUMNS"
-              :projects="projects"
-              :projects-loading="isLoading"
-              :pagination="pagination"
-              class="project-list"
-              @pagination-changed="paginationAction"
-            />
-          </div>
-        </template>
-      </UserProjectsSearch>
-    </div>
-    <hr class="separator" />
-    <!-- review -->
-    <div class="form-group">
-      <UserProjectsSearch :limit="PROJECTS_LIMIT" :member-roles="['reviewers']" :user="user">
-        <template
-          #default="{ items: projects, isLoading, totalCount, pagination, paginationAction }"
-        >
-          <label>{{ $t('profile.edit.projects.reviewed.label') }} ({{ totalCount }})</label>
-          <p class="notice">
-            {{ $t('profile.edit.projects.reviewed.notice') }}
-          </p>
-          <div class="project-list-wrapper">
-            <UserProjectList
-              :empty-label="$t('me.no-project-reviewing')"
-              :limit="PROJECTS_LIMIT"
-              :number-column="PROJECTS_COLUMNS"
-              :projects="projects"
-              :projects-loading="isLoading"
-              :pagination="pagination"
-              class="project-list"
-              @pagination-changed="paginationAction"
-            />
-          </div>
-        </template>
-      </UserProjectsSearch>
-    </div>
-
-    <hr class="separator" />
-    <!-- followed categories -->
-    <div class="form-group follower-categories">
-      <div class="label-wrapper">
-        <label>
-          {{ $t('profile.edit.categories.followed.label') }}
-          ({{ followedCategories.length }})
-        </label>
-      </div>
-      <p class="notice">
-        {{ $t('profile.edit.categories.followed.notice') }}
-      </p>
-      <div class="category-list-wrapper">
-        <CategoryCard
-          v-for="category in followedCategories"
-          :key="category.id"
-          :category="category"
-          class="category-card"
-        />
-        <EmptyCard
-          v-if="!followedCategories.length"
-          class="empty-card"
-          :label="$t('profile.edit.categories.followed.empty')"
-        />
-      </div>
-    </div>
-  </div>
-  <ChooseFollowedProjectsDrawer
-    :is-opened="showFollowProjectDrawer"
-    :target-user-id="user.id"
-    @close="closeFollowProjectDrawer"
-  />
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import useProjectCategories from '~/stores/useProjectCategories'
-import useUsersStore from '~/stores/useUsers'
-
-const PROJECTS_LIMIT = 12
-const PROJECTS_COLUMNS = 4
-
-defineProps<{
-  user: TranslatedUserModel
-}>()
-
-defineEmits<{
-  'profile-edited': []
-}>()
-
-const usersStore = useUsersStore()
-const projectCategoriesStore = useProjectCategories()
-const showFollowProjectDrawer = ref(false)
-const followedProjectsKey = ref(1)
-
-const followedCategories = computed(() => {
-  return (usersStore.followedCategories || [])
-    .map((f) => projectCategoriesStore.allByIds[f.category.id])
-    .filter((c) => !!c)
-})
-
-const closeFollowProjectDrawer = () => {
-  showFollowProjectDrawer.value = false
-  // this will trigger followed projects reload
-  followedProjectsKey.value++
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
-
-.category-list-wrapper {
-  display: flex;
-  gap: 1rem;
-  flex-flow: row wrap;
-  margin-top: 2rem;
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.vue
deleted file mode 100644
index a7c8b107a..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-  <div>
-    <FetchLoader :status="[statusFiles, statusLinks]">
-      <ResourcesTab
-        :file-resources="filesTranslated"
-        :link-resources="LinksTranslated"
-        :is-in-editing-mode="isInEditingMode"
-        :delete-attachment-link="deleteAttachmentLink"
-        :delete-attachment-file="deleteAttachmentFile"
-        :permissions="canEditUser"
-        :editable="isInEditingMode"
-        @reload-link-resources="refresh(refreshLinks)"
-        @reload-file-resources="refresh(refreshFiles)"
-        @edit="onEdit"
-      />
-      <ResourceDrawer
-        :user="user"
-        :is-add-mode="!!!selectedItem"
-        :selected-item="selectedItem"
-        :is-opened="isOpened"
-        :links="LinksTranslated"
-        :post-attachment-files="postAttachmentFiles"
-        :patch-attachment-file="patchAttachmentFile"
-        :post-attachment-links="postAttachmentLinks"
-        :patch-attachment-link="patchAttachmentLink"
-        @close="isOpened = false"
-        @reload-link-resources="refresh(refreshLinks)"
-        @reload-file-resources="refresh(refreshFiles)"
-      />
-    </FetchLoader>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UserModel } from 'shared-projects-frontend/models'
-
-import {
-  deleteUserAttachmentLink,
-  patchUserAttachmentLink,
-  postUserAttachmentLink,
-  deleteUserAttachmentFile,
-  patchUserAttachmentFile,
-  postUserAttachmentFile,
-} from 'shared-projects-frontend/apis'
-
-import { usePermissionUser } from '~/composables/usePermissions/useUserPermissions'
-import { getUserAttachmentFile } from '~/api/v2/attachment-files.service'
-import { getUserAttachmentLinks } from '~/api/v2/attachment-link.service'
-import ResourceDrawer from '~/components/resources/ResourceDrawer.vue'
-import ResourcesTab from '~/components/resources/ResourcesTab.vue'
-import FetchLoader from '~/components/base/FetchLoader.vue'
-
-const props = defineProps<{
-  user: UserModel
-  isInEditingMode: boolean
-  onProfileEdited: () => void
-}>()
-const organizationCode = useOrganizationCode()
-const userId = computed(() => props.user.id)
-const { canEditUser } = usePermissionUser(userId)
-const selectedItem = ref(null)
-const isOpened = ref(false)
-
-const {
-  status: statusFiles,
-  data: filesTranslated,
-  refresh: refreshFiles,
-} = getUserAttachmentFile(organizationCode, userId, {
-  // TODO add pagiations buttons (after refacto profile)
-  paginationConfig: {
-    limit: 999,
-  },
-})
-
-const {
-  status: statusLinks,
-  data: LinksTranslated,
-  refresh: refreshLinks,
-} = getUserAttachmentLinks(organizationCode, userId, {
-  // TODO add pagiations buttons (after refacto profile)
-  paginationConfig: {
-    limit: 999,
-  },
-})
-
-// refresh local links or files + projects (the onProfileEdited)
-const refresh = (refreshFunction: () => Promise<void>) =>
-  refreshFunction().then(() => props.onProfileEdited())
-
-const deleteAttachmentLink = (linkId) => deleteUserAttachmentLink(props.user.id, linkId)
-const deleteAttachmentFile = (fileId) => deleteUserAttachmentFile(props.user.id, fileId)
-const postAttachmentFiles = (body) => postUserAttachmentFile(props.user.id, body)
-const patchAttachmentFile = (body) => patchUserAttachmentFile(props.user.id, body.id, body)
-const postAttachmentLinks = (body) => postUserAttachmentLink(props.user.id, body)
-const patchAttachmentLink = (body) => patchUserAttachmentLink(props.user.id, body.id, body)
-
-const onEdit = (resource) => {
-  isOpened.value = true
-  selectedItem.value = resource
-}
-</script>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileSkillTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileSkillTab.vue
deleted file mode 100644
index 3284601f2..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileSkillTab.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-  <div class="skill-tab">
-    <FetchLoader :status="status">
-      <template v-if="allSkills.length">
-        <section v-if="skills.length" class="section">
-          <UserSkillsFull
-            :full-list="true"
-            :skills="skills"
-            :title="$t('me.skills')"
-            :user-mentorship="userMentorship"
-            :is-self="isCurrentUser"
-            orship-is-loading="mentorshipIsLoading.value"
-            @reload-mentorship="refresh"
-          />
-        </section>
-        <section v-if="hobbies.length" class="section">
-          <UserSkillsFull
-            :full-list="true"
-            :skills="hobbies"
-            :title="$t('me.hobbies')"
-            :user-mentorship="userMentorship"
-            :is-self="isCurrentUser"
-            orship-is-loading="mentorshipIsLoading.value"
-            @reload-mentorship="refresh"
-          />
-        </section>
-      </template>
-      <EmptyLabel v-else :labe="noSkillLabel" />
-    </FetchLoader>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import { getUserMentorship } from '~/api/v2/mentoring.service'
-
-import useUsersStore from '~/stores/useUsers'
-
-import useSkillTexts from '~/composables/useSkillTexts'
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-
-const organizationCode = useOrganizationCode()
-
-const { t } = useNuxtI18n()
-const usersStore = useUsersStore()
-const skillTexts = useSkillTexts()
-
-const { refresh, status, data } = getUserMentorship(organizationCode, {
-  default: () => [],
-  immediate: false,
-})
-
-watchEffect(() => {
-  if (usersStore.isConnected) {
-    refresh()
-  }
-})
-
-const userMentorship = computed(() => {
-  return (data.value || []).reduce((acc, mentorship) => {
-    const skillId = mentorship.skill?.id
-    const mentorId = mentorship.mentor?.id
-    const mentoreeId = mentorship.mentoree?.id
-    if (mentorId == props.user.id) {
-      acc[skillId] = 'mentoree'
-    }
-    if (mentoreeId == props.user.id) {
-      acc[skillId] = 'mentor'
-    }
-    return acc
-  }, {})
-})
-
-const allSkills = computed(() => props.user.skills || [])
-
-const skills = computed(() => {
-  return allSkills.value.filter((s) => s.type == 'skill').sort(skillTexts.compareTitles)
-})
-
-const hobbies = computed(() => {
-  return allSkills.value.filter((s) => s.type == 'hobby').sort(skillTexts.compareTitles)
-})
-
-const isCurrentUser = computed(() => usersStore.id === props.user.id)
-
-const noSkillLabel = computed(() => {
-  return isCurrentUser.value ? t('me.no-skill') : t('you.no-skill')
-})
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.section + .section {
-  margin-top: variables.$space-xl;
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.vue
deleted file mode 100644
index d1b5bbb9a..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.vue
+++ /dev/null
@@ -1,355 +0,0 @@
-<template>
-  <div class="profile-edit-skills">
-    <!--div class="header">
-      <LinkButton
-        class="edit-btn"
-        btn-icon="Eye"
-        :label="$t('profile.edit.back-to-profile')"
-        :to="profileSkillLink"
-        data-test="edit-bio"
-      />
-    </div-->
-    <div v-if="isInitial" class="initial-screen">
-      <p class="intro">
-        {{ $t('profile.edit.skills.intro') }}
-      </p>
-      <div class="actions">
-        <LpiButton
-          :label="$t('profile.edit.skills.skills.add-item')"
-          btn-icon="Plus"
-          data-test="initial-add-skills-button"
-          @click="openDrawer('skills')"
-        />
-        <LpiButton
-          :label="$t('profile.edit.skills.hobbies.add-item')"
-          btn-icon="Plus"
-          data-test="initial-add-hobbies-button"
-          @click="openDrawer('hobbies')"
-        />
-      </div>
-    </div>
-    <div v-else class="following-screen">
-      <div
-        v-for="key in ['skills', 'hobbies'] satisfies SkillType[]"
-        :key="key"
-        :class="key"
-        class="following-screen-inner"
-      >
-        <template v-if="getSkillOfType(key).length">
-          <TransitionGroup tag="div" name="skill" class="level-editor-list">
-            <div :key="`${key}-header`" class="skill-columns-header">
-              <div class="skill-name">
-                <span class="column-label">{{ $t(`profile.edit.skills.${key}.selection`) }}</span>
-              </div>
-              <div class="skill-level">
-                <span class="column-label">{{ $t(`profile.edit.skills.${key}.levels-help`) }}</span>
-                <SkillLevelTip>
-                  <LinkButton
-                    label=""
-                    btn-icon="HelpCircle"
-                    data-test="skill-levels-help-button"
-                    secondary
-                    icon-only
-                  />
-                </SkillLevelTip>
-              </div>
-              <div class="mentorship">
-                <span class="column-label">
-                  {{ $t(`profile.edit.skills.mentorship.mentorship`) }}
-                </span>
-              </div>
-              <div class="edit-action">&nbsp;</div>
-              <div class="delete-action">&nbsp;</div>
-            </div>
-            <SkillEditor
-              v-for="skill in getSkillOfType(key)"
-              :key="skill.id"
-              :skill="skill"
-              :type="key"
-              :data-skill-id="skill.id"
-              :scroll-into-view="lastAddedTalent === skill.id"
-              @set-level="setTalentLevel(key, $event.skill, $event.level)"
-              @update-mentorship="updateMentorship(key, $event, skill)"
-              @delete="removeTalent(key, $event)"
-            />
-          </TransitionGroup>
-          <div class="actions">
-            <LpiButton
-              :label="$t(`profile.edit.skills.${key}.add-item`)"
-              btn-icon="Plus"
-              :data-test="`add-${key}-button`"
-              @click="openDrawer(key)"
-            />
-          </div>
-        </template>
-        <div v-else class="add-action">
-          <p class="intro">
-            {{ $t(`profile.edit.skills.${key}.nothing-yet`) }}
-          </p>
-          <LpiButton
-            :label="$t(`profile.edit.skills.${key}.add-item`)"
-            btn-icon="Plus"
-            :data-test="`initial-add-${key}-button`"
-            @click="openDrawer(key)"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-  <SkillsEditDrawer
-    :is-open="drawerIsOpen"
-    :user="user"
-    :type="drawerType"
-    @close="closeDrawer"
-    @switch-mode="drawerMode = $event"
-    @skill-added="onSkillAdded"
-  />
-</template>
-
-<script setup lang="ts">
-import { deleteUserSkill, patchUserSkill } from 'shared-projects-frontend/apis'
-import type { SkillType } from '~/components/people/skill/SkillEditor.vue'
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import useToasterStore from '~/stores/useToaster'
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-
-const emit = defineEmits<{
-  edited: []
-}>()
-
-const { t } = useNuxtI18n()
-
-const skillTexts = useSkillTexts()
-const toaster = useToasterStore()
-const { clampLevel } = useSkillLevels()
-
-const drawerType = ref<SkillType>('skills')
-const drawerMode = ref<'add' | 'edit'>('add')
-const drawerIsOpen = ref(false)
-const lastAddedTalent = ref(null)
-
-const allSkills = computed(() => props.user.skills || [])
-
-const skills = computed(() => {
-  return [
-    ...(allSkills.value || []).filter((s) => s.type === 'skill').sort(skillTexts.compareTitles),
-  ]
-})
-
-const hobbies = computed(() => {
-  return (allSkills.value || []).filter((s) => s.type === 'hobby').sort(skillTexts.compareTitles)
-})
-
-const isInitial = computed(() => {
-  return (
-    !props.user ||
-    ((!skills.value || skills.value.length === 0) && (!hobbies.value || hobbies.value.length === 0))
-  )
-})
-
-const reloadUser = () => emit('edited')
-
-const onSkillAdded = (newSkill) => {
-  lastAddedTalent.value = newSkill.id
-  reloadUser()
-}
-
-const setTalentLevel = async (type, talent, newLevel) => {
-  if (clampLevel(talent.level) !== newLevel) {
-    try {
-      await patchUserSkill(props.user.id, talent.id, {
-        ...talent,
-        level: newLevel,
-        tag: talent.tag.id,
-      })
-      toaster.pushSuccess(
-        t(`profile.edit.skills.${type}.edit-success`, {
-          name: skillTexts.title(talent),
-        })
-      )
-      reloadUser()
-    } catch (error) {
-      console.error(error)
-      toaster.pushError(t('profile.edit.skills.save-error'))
-    }
-  }
-}
-
-const updateMentorship = async (type, data, talent) => {
-  try {
-    await patchUserSkill(props.user.id, data.id, {
-      ...data,
-    })
-    toaster.pushSuccess(
-      t(`profile.edit.skills.${type}.edit-success`, {
-        name: skillTexts.title(talent),
-      })
-    )
-    reloadUser()
-  } catch (error) {
-    console.error(error)
-    toaster.pushError(t('profile.edit.skills.save-error'))
-  }
-}
-
-const removeTalent = async (type, talent) => {
-  try {
-    await deleteUserSkill(props.user.id, talent.id)
-    toaster.pushSuccess(
-      t(`profile.edit.skills.${type}.delete-success`, {
-        name: skillTexts.title(talent),
-      })
-    )
-    reloadUser()
-  } catch (error) {
-    console.error(error)
-    toaster.pushError(t('profile.edit.skills.save-error'))
-  }
-}
-
-const openDrawer = (type: SkillType) => {
-  drawerType.value = type
-  drawerIsOpen.value = true
-}
-
-const closeDrawer = () => {
-  drawerIsOpen.value = false
-  emit('edited')
-}
-
-const getSkillOfType = (type: SkillType) => {
-  switch (type) {
-    case 'hobbies':
-      return hobbies.value
-    case 'skills':
-      return skills.value
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-@use '~/pages/UserProfilePageV2/Tabs/profile-form';
-
-.initial-screen {
-  .intro {
-    margin-top: variables.$space-xl;
-    text-align: center;
-    font-size: variables.$font-size-m;
-  }
-
-  .actions {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: variables.$space-unit;
-    margin-top: variables.$space-xl;
-  }
-}
-
-.following-screen {
-  .following-screen-inner + .following-screen-inner {
-    padding-top: 2rem;
-    margin-top: 2rem;
-    border-top: variables.$border-width-s solid variables.$primary;
-  }
-
-  .actions {
-    margin-top: variables.$space-xl;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .add-action {
-    .intro {
-      margin-bottom: 1.4rem;
-    }
-
-    margin-top: variables.$space-xl;
-  }
-
-  .skill-list {
-    margin-top: variables.$space-xl;
-    background-color: variables.$primary-lighter;
-    padding: variables.$space-l variables.pxtorem(17px);
-    display: flex;
-    flex-flow: column nowrap;
-    gap: variables.$space-m;
-    border-radius: variables.$border-radius-l;
-  }
-}
-
-.talent-title {
-  font-size: variables.$font-size-l;
-  font-weight: 700;
-  color: variables.$primary-dark;
-  margin-top: variables.$space-l;
-  margin-bottom: variables.$space-m;
-  text-align: center;
-}
-
-.level-editor-list {
-  margin-top: variables.$space-xl;
-  position: relative;
-}
-
-.skill-columns-header {
-  display: flex;
-  justify-content: stretch;
-  gap: variables.$space-unit;
-  align-items: center;
-  padding-bottom: variables.$space-l;
-  border-bottom: variables.$border-width-s solid variables.$primary;
-
-  .column-label {
-    font-weight: 700;
-    text-transform: uppercase;
-    color: variables.$primary-dark;
-  }
-
-  .skill-name {
-    flex-basis: 30%;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      flex-basis: 100%;
-      text-align: center;
-    }
-  }
-
-  .skill-level {
-    flex-basis: 40%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: none;
-    }
-  }
-
-  .mentorship {
-    display: flex;
-    justify-content: center;
-    flex-basis: 30%;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: none;
-    }
-  }
-
-  .delete-action,
-  .edit-action {
-    flex-shrink: 0;
-    flex-basis: variables.$layout-size-l;
-
-    @media screen and (max-width: variables.$min-tablet) {
-      display: none;
-    }
-  }
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.vue b/src/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.vue
deleted file mode 100644
index c19524425..000000000
--- a/src/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.vue
+++ /dev/null
@@ -1,243 +0,0 @@
-<template>
-  <div class="profile-summary">
-    <!-- Profile Header -->
-    <ProfileHeaderV2 class="profile-header" :user="user" />
-
-    <div v-if="user.description">
-      <!-- User descriptions -->
-      <UserDescriptions :is-limited="true" :user="user" class="user-description unboxed" />
-    </div>
-
-    <div>
-      <SkillSummary :user="user" class="unboxed" />
-    </div>
-    <div class="lists">
-      <!-- user projects (Owners, Members) -->
-      <UserProjectsSearch :limit="LIST_LIMIT" :member-roles="['owners', 'members']" :user="user">
-        <template #default="{ items: projects, isLoading, totalCount }">
-          <template v-if="totalCount">
-            <div class="project-list-header">
-              <h4 class="title">
-                {{ $t('me.projects-participate') }}
-                <span>({{ totalCount }})</span>
-              </h4>
-              <SeeMoreArrow
-                v-if="totalCount > LIST_LIMIT"
-                data-test="see-more"
-                @click.prevent="goToProfileProjects"
-              />
-            </div>
-            <UserProjectList
-              :empty-label="noParticipate"
-              :limit="LIST_LIMIT"
-              :number-column="LIST_LIMIT"
-              :projects="projects"
-              :projects-loading="isLoading"
-              class="project-list"
-            />
-          </template>
-        </template>
-      </UserProjectsSearch>
-      <!-- user projects (Reviewers) -->
-      <UserProjectsSearch :member-roles="['reviewers']" :user="user">
-        <template #default="{ items: projects, isLoading, totalCount }">
-          <template v-if="totalCount">
-            <div class="project-list-header">
-              <h4 class="title">
-                {{ $t('me.projects-reviewing') }}
-                <span>({{ totalCount }})</span>
-              </h4>
-              <SeeMoreArrow
-                v-if="totalCount > LIST_LIMIT"
-                data-test="see-more"
-                @click.prevent="goToProfileProjects"
-              />
-            </div>
-            <UserProjectList
-              :empty-label="noReviewLabel"
-              :limit="LIST_LIMIT"
-              :number-column="LIST_LIMIT"
-              :projects="projects"
-              :projects-loading="isLoading"
-              class="project-list"
-            />
-          </template>
-        </template>
-      </UserProjectsSearch>
-      <!-- user projects (Followed) -->
-      <UserProjectsSearch :limit="LIST_LIMIT" follow :user="user">
-        <template #default="{ items: projects, isLoading, totalCount }">
-          <template v-if="totalCount">
-            <div class="project-list-header">
-              <h4 class="title">
-                {{ $t('me.follow') }}
-                <span>({{ totalCount }})</span>
-              </h4>
-              <SeeMoreArrow
-                v-if="totalCount > LIST_LIMIT"
-                data-test="see-more"
-                @click.prevent="goToProfileProjects"
-              />
-            </div>
-            <UserProjectList
-              :empty-label="noFollowLabel"
-              :number-column="LIST_LIMIT"
-              :projects="projects"
-              :projects-loading="isLoading"
-              class="project-list"
-            />
-          </template>
-        </template>
-      </UserProjectsSearch>
-      <!-- user resources -->
-      <UserProjectsSearch v-if="resourcesCount" :user="user">
-        <template #default>
-          <ResourcesRecap
-            class="unboxed"
-            :files="user.modules.files"
-            :links="user.modules.links"
-            :target="{
-              name: 'ProfileResources',
-              params: { userIdOrSlug: user.slug || user.id },
-            }"
-            :redirect="{
-              name: 'ProfileResources',
-              params: { userIdOrSlug: user.slug || user.id },
-              hash: '#tab',
-            }"
-          />
-        </template>
-      </UserProjectsSearch>
-    </div>
-    <div class="skills-mobile">
-      <SkillSummary :user="user" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { TranslatedUserModel } from 'shared-projects-frontend/models'
-
-import UserProjectsSearch from '~/components/people/UserProfile/UserProjectsSearch.vue'
-import UserProjectList from '~/components/people/UserProfile/UserProjectList.vue'
-import UserDescriptions from '~/components/people/UserDescriptions.vue'
-import SkillSummary from '~/components/people/skill/SkillSummary.vue'
-import SeeMoreArrow from '~/components/base/button/SeeMoreArrow.vue'
-
-import useUsersStore from '~/stores/useUsers'
-
-const selectTab = inject<(number) => void>('tabsLayoutSelectTab', () => {})
-
-const props = defineProps<{
-  user: TranslatedUserModel
-}>()
-const { t } = useNuxtI18n()
-
-const usersStore = useUsersStore()
-
-const LIST_LIMIT = 6
-
-const resourcesCount = computed(() => {
-  return props.user.modules.files + props.user.modules.links
-})
-const isCurrentUser = computed(() => usersStore.id === props.user.id)
-
-const noFollowLabel = computed(() => {
-  return isCurrentUser.value ? t('me.no-follow') : t('you.no-follow')
-})
-
-const noReviewLabel = computed(() => {
-  return isCurrentUser.value ? t('me.no-project-reviewing') : t('you.no-project-reviewing')
-})
-
-const noParticipate = computed(() => {
-  return isCurrentUser.value ? t('me.no-project-participate') : t('you.no-project-participate')
-})
-
-const goToProfileProjects = () => selectTab(2)
-</script>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.unboxed {
-  border: 0 none !important;
-  border-radius: 0 !important;
-  padding: variables.$space-l 0 !important;
-  background: transparent !important;
-}
-
-:deep(.unboxed .section-header) {
-  justify-content: space-between !important;
-}
-
-.profile-summary {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-
-  .project-list {
-    width: 100%;
-  }
-
-  .user-description {
-    margin-top: variables.$space-42;
-  }
-
-  .lists {
-    padding: 0;
-  }
-
-  .skills-mobile {
-    display: none;
-  }
-}
-
-@media screen and (max-width: variables.$max-tablet) {
-  .profile-summary {
-    padding: variables.$space-s;
-
-    .skills-mobile {
-      display: block;
-    }
-  }
-
-  .profile-summary .top {
-    flex-direction: column;
-
-    .right {
-      display: none;
-    }
-
-    .left {
-      width: 100%;
-      margin-right: 0;
-      margin-bottom: variables.$space-l;
-    }
-
-    .lists {
-      padding: 0 variables.$layout-size-2xs;
-    }
-  }
-}
-
-.project-list-header {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  margin: variables.$space-2xl 0 variables.$space-l 0;
-
-  .title {
-    font-size: variables.$font-size-l;
-    font-weight: 700;
-    color: variables.$primary-dark;
-    margin: 0;
-  }
-}
-
-.empty-field {
-  padding-top: variables.$space-l;
-  color: variables.$mid-gray;
-  font-weight: 700;
-}
-</style>
diff --git a/src/pages/UserProfilePageV2/UserProfilePage.vue b/src/pages/UserProfilePageV2/UserProfilePage.vue
deleted file mode 100644
index e5335a206..000000000
--- a/src/pages/UserProfilePageV2/UserProfilePage.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<script setup lang="ts">
-import { getUser } from 'shared-projects-frontend/apis'
-
-const props = withDefaults(
-  defineProps<{
-    userId?: string | number
-    isEditing?: boolean
-  }>(),
-  {
-    userId: null,
-    isEditing: false,
-  }
-)
-
-const router = useRouter()
-const route = useRoute()
-
-watchEffect(async () => {
-  if (!props.userId) {
-    return
-  }
-  const user = await getUser(props.userId.toString(), { noError: true })
-  useLpiHead2({
-    title: `${user.given_name} ${user.family_name}`,
-    description: user.short_description,
-    image: user.profile_picture,
-  })
-})
-
-function display404() {
-  router.replace({
-    name: 'page404',
-    params: { pathMatch: route.path.substring(1).split('/') },
-  })
-}
-</script>
-<template>
-  <div class="page-section-extra-wide profile-page">
-    <UserProfileV2
-      :key="userId"
-      :user-id="userId"
-      :show-page-link="false"
-      :is-editing="isEditing"
-      routable-tabs
-      @user-not-found="display404"
-    />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-@use '~/design/scss/variables';
-
-.profile-page {
-  padding-top: 6.5rem;
-  padding-bottom: 6.5rem;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: stretch;
-}
-</style>
diff --git a/tests/unit/components/people/UserProfile/UserProjectList.spec.ts b/tests/unit/components/people/UserProfile/UserProjectList.spec.ts
deleted file mode 100644
index d0fa53f5b..000000000
--- a/tests/unit/components/people/UserProfile/UserProjectList.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import UserProjectList from '~/components/people/UserProfile/UserProjectList.vue'
-import { TranslatedProjectFactory } from '~~/tests/factories/project.factory'
-import type { OrganizationOutput } from 'shared-projects-frontend/models'
-import useOrganizationsStore from '~/stores/useOrganizations'
-import { lpiShallowMount } from '~~/tests/helpers/LpiMount'
-import { beforeEach, describe, expect, it } from 'vitest'
-import pinia from '~/stores'
-
-describe('UserProjectList.vue', () => {
-  beforeEach(() => {
-    const organizationsStore = useOrganizationsStore(pinia)
-    organizationsStore._current = { code: 'FOOBAR' } as unknown as OrganizationOutput
-  })
-
-  it('should render UserProjectList component', () => {
-    const props = {
-      projects: TranslatedProjectFactory.generateMany(10),
-    }
-    const wrapper = lpiShallowMount(UserProjectList, { props })
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/components/people/UserProfileV2.spec.ts b/tests/unit/components/people/UserProfileV2.spec.ts
index 38d1e373f..86e94210b 100644
--- a/tests/unit/components/people/UserProfileV2.spec.ts
+++ b/tests/unit/components/people/UserProfileV2.spec.ts
@@ -1,4 +1,4 @@
-import UserProfileV2 from '~/components/people/UserProfileV2.vue'
+import UserProfilePreview from '~/components/people/UserProfilePreview.vue'
 import { UserFactory } from '~~/tests/factories/user.factory'
 import { lpiShallowMount } from '~~/tests/helpers/LpiMount'
 import { flushPromises } from '@vue/test-utils'
@@ -26,7 +26,7 @@ const buildParams = (userId: number, showPageLink: boolean) => ({
   },
 })
 
-describe('UserProfileV2', () => {
+describe('UserProfilePreview', () => {
   let usersStore
   const user = UserFactory.generate()
   const user2 = UserFactory.generate()
@@ -44,8 +44,8 @@ describe('UserProfileV2', () => {
     usersStore.userFromApi = usersStore.userFromToken = user
   })
 
-  it('should render UserProfileV2 component', () => {
-    const wrapper = lpiShallowMount(UserProfileV2, buildParams(user.id, false))
+  it('should render UserProfilePreview component', () => {
+    const wrapper = lpiShallowMount(UserProfilePreview, buildParams(user.id, false))
 
     expect(wrapper.exists()).toBeTruthy()
   })
@@ -54,56 +54,9 @@ describe('UserProfileV2', () => {
     registerEndpoint(`user/123333/`, () => {
       throw createError({ statusCode: 404 })
     })
-    const wrapper = lpiShallowMount(UserProfileV2, buildParams(123333, false))
+    const wrapper = lpiShallowMount(UserProfilePreview, buildParams(123333, false))
 
     await flushPromises()
     expect(wrapper.emitted()['user-not-found']).toBeTruthy()
   })
-
-  it('should see that current user is the logged one', async () => {
-    const wrapper = lpiShallowMount(UserProfileV2, buildParams(null, false))
-    const vm: any = wrapper.vm
-    await flushPromises()
-    expect(vm.isSelf).toBeTruthy()
-  })
-
-  it('should see that current user is not the logged one', async () => {
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = lpiShallowMount(UserProfileV2, buildParams(user.id, false))
-    const vm: any = wrapper.vm
-    await flushPromises()
-    expect(vm.isSelf).toBeFalsy()
-  })
-
-  it('should allow edition of self profile', async () => {
-    const wrapper = lpiShallowMount(UserProfileV2, buildParams(null, false))
-    const vm: any = wrapper.vm
-    await flushPromises()
-    expect(vm.canEditUserOrIsSelf).toBe(true)
-  })
-
-  it('should not allow edition of other profile without specific rights', async () => {
-    const wrapper = lpiShallowMount(UserProfileV2, buildParams(user2.id, false))
-    const vm: any = wrapper.vm
-    await flushPromises()
-    expect(vm.canEditUserOrIsSelf).toBe(false)
-  })
-
-  // it('should display a loader first then the content', async () => {
-  //   let wrapper = lpiShallowMount(UserProfileV2, buildParams(123, false))
-  //   let vm: any = wrapper.vm
-
-  //   expect(vm.isLoading).toBe(true)
-  //   expect(wrapper.find('loader-simple-stub').exists()).toBe(true)
-  //   expect(wrapper.find('profile-header-stub').exists()).toBe(false)
-  //   expect(wrapper.find('profile-tabs-stub').exists()).toBe(false)
-
-  //   await flushPromises()
-
-  //   expect(vm.isLoading).toBe(false)
-  //   expect(wrapper.find('loader-simple-stub').exists()).toBe(false)
-  //   expect(wrapper.find('profile-header-stub').exists()).toBe(true)
-  //   expect(wrapper.find('profile-tabs-stub').exists()).toBe(true)
-  // })
 })
diff --git a/tests/unit/components/people/skill/SkillsEditDrawer.spec.ts b/tests/unit/components/people/skill/SkillsEditDrawer.spec.ts
deleted file mode 100644
index 0620b7bee..000000000
--- a/tests/unit/components/people/skill/SkillsEditDrawer.spec.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import SkillsEditDrawer from '~/components/people/skill/SkillsEditDrawer.vue'
-import { lpiMount } from '~~/tests/helpers/LpiMount'
-
-import type { OrganizationOutput } from 'shared-projects-frontend/models'
-import useOrganizationsStore from '~/stores/useOrganizations'
-
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-vi.mock('shared-projects-frontend/apis', async (orginalImporter) => ({
-  ...(await orginalImporter()),
-  postUserSkill: vi.fn().mockResolvedValue({}),
-  getOrgClassificationTags: vi
-    .fn()
-    .mockResolvedValue({ results: [{ id: 1 }, { id: 2 }, { id: 3 }] }),
-  getAllOrgClassifications: vi.fn().mockResolvedValue({
-    results: [
-      {
-        id: 123,
-        slug: 'for-project',
-        is_enabled_for_projects: true,
-        is_enabled_for_skills: false,
-      },
-      {
-        id: 456,
-        slug: 'for-skill',
-        is_enabled_for_projects: false,
-        is_enabled_for_skills: true,
-      },
-      {
-        id: 789,
-        slug: 'for-skill-and-project',
-        is_enabled_for_projects: true,
-        is_enabled_for_skills: true,
-      },
-    ],
-  }),
-}))
-
-describe('SkillsEditDrawer.vue', () => {
-  let wrapper
-
-  beforeEach(() => {
-    const organizationsStore = useOrganizationsStore()
-    organizationsStore._current = {
-      code: 'test',
-      tags: [],
-      enabled_projects_tag_classifications: [
-        { id: 123, slug: 'for-project' },
-        { id: 789, slug: 'for-skill-and-project' },
-      ],
-      enabled_skills_tag_classifications: [
-        { id: 456, slug: 'for-skill' },
-        { id: 789, slug: 'for-skill-and-project' },
-      ],
-      default_projects_tags: [{ id: 11 }, { id: 12 }, { id: 13 }],
-      default_skills_tags: [{ id: 21 }, { id: 22 }, { id: 23 }],
-    } as unknown as OrganizationOutput
-    wrapper = lpiMount(SkillsEditDrawer, {
-      props: {
-        isOpen: true,
-        type: 'skills',
-        user: userTranslatedFactory.generate({ id: 1 }),
-        searchAllMode: true,
-      },
-    })
-  })
-
-  it('renders correctly', () => {
-    expect(wrapper.exists()).toBe(true)
-  })
-
-  it('renders BaseDrawer component', () => {
-    expect(wrapper.findComponent({ name: 'BaseDrawer' }).exists()).toBe(true)
-  })
-
-  it('renders SearchInput component when in add-skill-mode', () => {
-    expect(wrapper.findComponent({ name: 'search-input' }).exists()).toBe(true)
-  })
-
-  it('renders SkillEditor component when in edit-skill-mode', async () => {
-    await wrapper.setData({ addedTalent: { tag: { id: 1 }, level: 1, level_to_reach: 1 } })
-    expect(wrapper.findComponent({ name: 'skill-editor' }).exists()).toBe(true)
-  })
-
-  it('emits close event when BaseDrawer close button is clicked', async () => {
-    await wrapper.findComponent({ name: 'base-drawer' }).vm.$emit('close')
-    expect(wrapper.emitted().close).toBeTruthy()
-  })
-
-  it('emits skill-added event after saving a skill', async () => {
-    wrapper.setData({ addedTalent: { tag: { id: 1 }, level: 1, level_to_reach: 1 } })
-    await wrapper.vm.save()
-    expect(wrapper.emitted()['skill-added']).toBeTruthy()
-  })
-
-  it('sets talent level correctly', async () => {
-    const talent = { tag: { id: 1 }, level: 1, level_to_reach: 1 }
-    wrapper.vm.setTalentLevel(talent, 3)
-    expect(talent.level).toBe(3)
-  })
-})
diff --git a/tests/unit/components/project/resource/ResourceCount.spec.ts b/tests/unit/components/project/resource/ResourceCount.spec.ts
deleted file mode 100644
index fe1ce6d75..000000000
--- a/tests/unit/components/project/resource/ResourceCount.spec.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import MockComponent from '~~/tests/helpers/MockComponent.vue'
-import { lpiMount } from '~~/tests/helpers/LpiMount'
-
-import ResourceCount from '~/components/resources/ResourceCount.vue'
-import { describe, expect, it, vi } from 'vitest'
-
-const mockRouter = {
-  push: vi.fn(),
-}
-
-const mockRoute = {
-  path: '/test1',
-}
-
-describe('ResourceCount.vue', () => {
-  it('should render component', () => {
-    const wrapper = lpiMount(ResourceCount, {
-      props: {
-        count: 2,
-        target: 'foo',
-      },
-      router: [{ path: '/:pathMatch(.*)', component: MockComponent }],
-      global: {
-        mocks: {
-          $router: mockRouter,
-          $route: mockRoute,
-        },
-      },
-    })
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/components/project/resource/ResourcesRecap.spec.ts b/tests/unit/components/project/resource/ResourcesRecap.spec.ts
deleted file mode 100644
index 409bc921c..000000000
--- a/tests/unit/components/project/resource/ResourcesRecap.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ProjectOutputFactory } from '~~/tests/factories/project.factory'
-import ResourcesRecap from '~/components/resources/ResourcesRecap.vue'
-import { lpiShallowMount } from '~~/tests/helpers/LpiMount'
-import { beforeEach, describe, expect, it } from 'vitest'
-import useProjectsStore from '~/stores/useProjects'
-import pinia from '~/stores'
-
-describe('ResourcesRecap.vue', () => {
-  beforeEach(() => {
-    const projectsStore = useProjectsStore(pinia)
-
-    projectsStore.project = {
-      ...ProjectOutputFactory.generate(),
-    }
-  })
-  it('should render component', () => {
-    const props = {
-      target: '/file',
-      redirect: '/redirect',
-      files: 0,
-      links: 0,
-    }
-    const wrapper = lpiShallowMount(ResourcesRecap, { props })
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.spec.ts
deleted file mode 100644
index 61958dcf2..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.spec.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import ProfileBioEditTab from '~/pages/UserProfilePageV2/Tabs/ProfileBioEditTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfileBioEditTab.vue', () => {
-  it('should render component', async () => {
-    const user = userTranslatedFactory.generate()
-    const props = { user }
-
-    const wrapper = await lpiMountSuspended(ProfileBioEditTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileBioTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileBioTab.spec.ts
deleted file mode 100644
index 8910a89ca..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileBioTab.spec.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import ProfileBioTab from '~/pages/UserProfilePageV2/Tabs/ProfileBioTab.vue'
-import type { OrganizationOutput } from 'shared-projects-frontend/models'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import useOrganizationsStore from '~/stores/useOrganizations'
-import { lpiShallowMount } from '~~/tests/helpers/LpiMount'
-import { flushPromises } from '@vue/test-utils'
-import useUsersStore from '~/stores/useUsers'
-
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import { beforeEach, describe, expect, it } from 'vitest'
-
-describe('ProfileBioTab', () => {
-  let usersStore
-  beforeEach(() => {
-    usersStore = useUsersStore()
-    const user = userTranslatedFactory.generate({ id: 123 })
-    registerEndpoint(`user/${user.id}/`, () => user)
-    usersStore.userFromApi = usersStore.userFromToken = user
-
-    const organizationsStore = useOrganizationsStore()
-    organizationsStore._current = { id: 'TEST' } as unknown as OrganizationOutput
-  })
-  it('should render ProfileBioTab component', () => {
-    const wrapper = lpiShallowMount(ProfileBioTab, {
-      props: { user: userTranslatedFactory.generate() },
-    })
-
-    expect(wrapper.exists()).toBeTruthy()
-  })
-
-  it('should see that current user is the logged one', () => {
-    const user = userTranslatedFactory.generate({ id: 123 })
-    usersStore.userFromApi = usersStore.userFromToken = user
-    const wrapper = lpiShallowMount(ProfileBioTab, { props: { user } })
-    const vm: any = wrapper.vm
-    expect(vm.isCurrentUser).toBeTruthy()
-  })
-
-  it('should see that current user is not the logged one', () => {
-    const user = userTranslatedFactory.generate({ id: 123 })
-    const user2 = userTranslatedFactory.generate({ id: 456 })
-
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = lpiShallowMount(ProfileBioTab, { props: { user } })
-    const vm: any = wrapper.vm
-    expect(vm.isCurrentUser).toBeFalsy()
-  })
-
-  it('should display a message if user has no bio set', async () => {
-    const user = userTranslatedFactory.generate()
-    user.description = null
-    const wrapper = lpiShallowMount(ProfileBioTab, { props: { user } })
-
-    await flushPromises()
-    expect(wrapper.find('user-descriptions-stub').exists()).toBe(false)
-    expect(wrapper.find('.empty-field').exists()).toBe(true)
-  })
-
-  it('should display bio if user has one', async () => {
-    const user = userTranslatedFactory.generate()
-    const wrapper = lpiShallowMount(ProfileBioTab, { props: { user } })
-
-    await flushPromises()
-    expect(wrapper.find('user-descriptions-stub').exists()).toBe(true)
-    expect(wrapper.find('.empty-field').exists()).toBe(false)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.spec.ts
deleted file mode 100644
index b45b4cb52..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.spec.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import ProfileGeneralEditTab from '~/pages/UserProfilePageV2/Tabs/ProfileGeneralEditTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { UserFactory } from '~~/tests/factories/user.factory'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfileGeneralEditTab.vue', () => {
-  it('should render component', async () => {
-    const user = UserFactory.generate()
-    const props = { user }
-
-    const wrapper = await lpiMountSuspended(ProfileGeneralEditTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.spec.ts
deleted file mode 100644
index d4e0e3a6a..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.spec.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import ProfileGroupsEditTab from '~/pages/UserProfilePageV2/Tabs/ProfileGroupsEditTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfileGroupsEditTab.vue', () => {
-  it('should render component', async () => {
-    const user = userTranslatedFactory.generate()
-    const props = { user }
-
-    const wrapper = await lpiMountSuspended(ProfileGroupsEditTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.spec.ts
deleted file mode 100644
index 094739f82..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import ProfileGroupsTab from '~/pages/UserProfilePageV2/Tabs/ProfileGroupsTab.vue'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { lpiShallowMount } from '~~/tests/helpers/LpiMount'
-
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import type { OrganizationOutput } from 'shared-projects-frontend/models'
-import useOrganizationsStore from '~/stores/useOrganizations'
-import pinia from '~/stores'
-vi.mock('shared-projects-frontend/apis', async (orginalImporter) => ({
-  ...(await orginalImporter()),
-  getGroup: vi.fn().mockResolvedValue({ results: {} }),
-}))
-
-describe('ProfileGroupsTab', () => {
-  beforeEach(() => {
-    const organizationsStore = useOrganizationsStore(pinia)
-    organizationsStore._current = { id: 'TEST' } as unknown as OrganizationOutput
-  })
-
-  it('should render ProfileGroupsTab component', () => {
-    const wrapper = lpiShallowMount(ProfileGroupsTab, {
-      props: { user: userTranslatedFactory.generate() },
-    })
-
-    expect(wrapper.exists()).toBeTruthy()
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.spec.ts
deleted file mode 100644
index 49e57d81f..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.spec.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import ProfilePrivacyEditTab from '~/pages/UserProfilePageV2/Tabs/ProfilePrivacyEditTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { UserFactory } from '~~/tests/factories/user.factory'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfilePrivacyEditTab.vue', () => {
-  it('should render component', async () => {
-    const user = UserFactory.generate()
-    const props = { user }
-
-    const wrapper = await lpiMountSuspended(ProfilePrivacyEditTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileProjectTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileProjectTab.spec.ts
deleted file mode 100644
index 9a39d130b..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileProjectTab.spec.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import ProfileProjectTab from '~/pages/UserProfilePageV2/Tabs/ProfileProjectTab.vue'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { lpiShallowMount } from '~~/tests/helpers/LpiMount'
-import { flushPromises } from '@vue/test-utils'
-
-import useOrganizationsStore from '~/stores/useOrganizations'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import useUsersStore from '~/stores/useUsers'
-
-import { OrganizationFactory } from '~~/tests/factories/organization.factory'
-
-vi.mock('shared-projects-frontend/apis', async (orginalImporter) => ({
-  ...(await orginalImporter()),
-  getUserFollows: vi.fn().mockResolvedValue({ results: [] }),
-}))
-
-describe('ProfileProjectTab', () => {
-  let usersStore
-  beforeEach(() => {
-    usersStore = useUsersStore()
-    usersStore.userFromApi = usersStore.userFromToken = userTranslatedFactory.generate({ id: 123 })
-    const organizationsStore = useOrganizationsStore()
-    organizationsStore._current = OrganizationFactory.generate()
-  })
-
-  it('should render ProfileProjectTab component', () => {
-    const wrapper = lpiShallowMount(ProfileProjectTab, {
-      props: { user: userTranslatedFactory.generate() },
-    })
-
-    expect(wrapper.exists()).toBeTruthy()
-  })
-
-  it('should display 3 project lists', async () => {
-    const user = userTranslatedFactory.generate()
-    const wrapper = lpiShallowMount(ProfileProjectTab, { props: { user } })
-
-    await flushPromises()
-    expect(wrapper.findAll('user-projects-search-stub').length).toBe(3)
-  })
-
-  it('should not display a create project button if not on self profile', async () => {
-    const user = userTranslatedFactory.generate()
-    const wrapper = lpiShallowMount(ProfileProjectTab, { props: { user } })
-    const organizationsStore = useOrganizationsStore()
-
-    await flushPromises()
-    expect(wrapper.find('.create-project').exists()).toBe(false)
-
-    user.roles.push(`organization:#${organizationsStore.current.id}:viewers`)
-    usersStore.userFromApi = usersStore.userFromToken = user
-
-    await flushPromises()
-    expect(wrapper.find('.create-project').exists()).toBe(false)
-  })
-
-  it('should display a create project button if on self profile and has persimission', async () => {
-    const user = userTranslatedFactory.generate({ id: 123 })
-    const organizationsStore = useOrganizationsStore()
-    user.roles.push(`organization:#${organizationsStore.current.id}:members`)
-    usersStore.userFromApi = usersStore.userFromToken = user
-    const wrapper = lpiShallowMount(ProfileProjectTab, { props: { user } })
-
-    await flushPromises()
-    expect(wrapper.find('.create-project').exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.spec.ts
deleted file mode 100644
index 921478af3..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import ProfileProjectsEditTab from '~/pages/UserProfilePageV2/Tabs/ProfileProjectsEditTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-import { flushPromises } from '@vue/test-utils'
-
-import { PaginationsFactory } from '~~/tests/factories/paginations.factory'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { ProjectFactory } from '~~/tests/factories/project.factory'
-import FollowFactory from '~~/tests/factories/follow.factory'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfileProjectsEditTab.vue', () => {
-  it('should render component', async () => {
-    const user = userTranslatedFactory.generate()
-    const props = { user }
-
-    registerEndpoint(`user/${user.id}/follow/`, () => FollowFactory.generateMany(5))
-    registerEndpoint(`project/`, () =>
-      PaginationsFactory.generate({ results: ProjectFactory.generateMany(10) })
-    )
-
-    const wrapper = await lpiMountSuspended(ProfileProjectsEditTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.spec.ts
deleted file mode 100644
index 1df2bae37..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.spec.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import ProfileResourcesTab from '~/pages/UserProfilePageV2/Tabs/ProfileResourcesTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { AttachmentLinkFactory } from '~~/tests/factories/attachment-link.factory'
-import { AttachmentFileFactory } from '~~/tests/factories/attachment-file.factory'
-import { PaginationsFactory } from '~~/tests/factories/paginations.factory'
-import { UserFactory } from '~~/tests/factories/user.factory'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfileResourcesTab.vue', () => {
-  it('should render component', async () => {
-    const props = {
-      user: UserFactory.generate(),
-      isInEditingMode: false,
-      onProfileEdited: () => {},
-    }
-
-    registerEndpoint(`user/${props.user.id}/link/`, () => {
-      return PaginationsFactory.generate({
-        results: AttachmentLinkFactory.generateMany(10),
-      })
-    })
-    registerEndpoint(`user/${props.user.id}/file/`, () => {
-      return PaginationsFactory.generate({
-        results: AttachmentFileFactory.generateMany(10),
-      })
-    })
-
-    const wrapper = await lpiMountSuspended(ProfileResourcesTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSkillTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSkillTab.spec.ts
deleted file mode 100644
index 028e3b8eb..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSkillTab.spec.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import ProfileSkillTab from '~/pages/UserProfilePageV2/Tabs/ProfileSkillTab.vue'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-import useUsersStore from '~/stores/useUsers'
-
-import { PaginationsFactory } from '~~/tests/factories/paginations.factory'
-import UserSkillsFull from '~/components/people/skill/UserSkillsFull.vue'
-import type { OrganizationOutput } from 'shared-projects-frontend/models'
-import { SkillFactory } from '~~/tests/factories/skill.factory'
-import useOrganizationsStore from '~/stores/useOrganizations'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import EmptyLabel from '~/components/base/EmptyLabel.vue'
-import { beforeEach, describe, expect, it } from 'vitest'
-import TagFactory from '~~/tests/factories/tag.factory'
-import { flushPromises } from '@vue/test-utils'
-
-const aTag = TagFactory.generate({ title: '123', description: 'abc' })
-
-describe('ProfileSkillTab', () => {
-  let usersStore: ReturnType<typeof useUsersStore>
-  beforeEach(() => {
-    usersStore = useUsersStore()
-    usersStore.userFromApi = {}
-    usersStore.userFromToken = {}
-    const organizationsStore = useOrganizationsStore()
-    organizationsStore._current = { id: 'TEST', code: 'TEST' } as unknown as OrganizationOutput
-    const organizationCode = useOrganizationCode()
-
-    registerEndpoint(`organization/${organizationCode}/mentoring/`, () =>
-      PaginationsFactory.generate()
-    )
-  })
-
-  it.fails('should render ProfileSkillTab component', async () => {
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, {
-      props: { user: userTranslatedFactory.generate() },
-    })
-    expect.poll(() => expect(wrapper.exists()).toBeTruthy())
-    expect(false).toBe(true)
-  })
-
-  it('should see that current user is the logged one', async () => {
-    const user = userTranslatedFactory.generate({ id: 123 })
-
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-
-    usersStore.userFromApi = usersStore.userFromToken = user
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    const vm: any = wrapper.vm
-    expect(vm.isCurrentUser).toBeTruthy()
-  })
-
-  it('should see that current user is not the logged one', async () => {
-    const user = userTranslatedFactory.generate()
-    const user2 = userTranslatedFactory.generate()
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-    registerEndpoint(`user/${user2.id}/category-follow/`, () => PaginationsFactory.generate())
-
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    const vm: any = wrapper.vm
-    expect(vm.isCurrentUser).toBeFalsy()
-  })
-
-  it('should display a message if no skill and no hobby', async () => {
-    const user = userTranslatedFactory.generate()
-    const user2 = userTranslatedFactory.generate()
-
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-    registerEndpoint(`user/${user2.id}/category-follow/`, () => PaginationsFactory.generate())
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    expect(wrapper.findComponent(EmptyLabel).exists()).toBe(true)
-    expect(wrapper.findAllComponents(UserSkillsFull).length).toBe(0)
-  })
-
-  it('should display one list if user has skill but no hobby', async () => {
-    const user = userTranslatedFactory.generate()
-    const user2 = userTranslatedFactory.generate()
-
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-    registerEndpoint(`user/${user2.id}/category-follow/`, () => PaginationsFactory.generate())
-    user.skills = [SkillFactory.generate({ id: 123, type: 'hobby', tag: aTag })]
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    expect(wrapper.findComponent(EmptyLabel).exists()).toBe(false)
-    expect(wrapper.findAllComponents(UserSkillsFull).length).toBe(1)
-  })
-
-  it('should display one list if user has hobbies but no skills', async () => {
-    const user = userTranslatedFactory.generate()
-    const user2 = userTranslatedFactory.generate()
-
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-    registerEndpoint(`user/${user2.id}/category-follow/`, () => PaginationsFactory.generate())
-    user.skills = [SkillFactory.generate({ id: 123, type: 'hobby', tag: aTag })]
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    expect(wrapper.findComponent(EmptyLabel).exists()).toBe(false)
-    expect(wrapper.findAllComponents(UserSkillsFull).length).toBe(1)
-  })
-
-  it('should display two lists if user has hobbies and skills', async () => {
-    const user = userTranslatedFactory.generate()
-    const user2 = userTranslatedFactory.generate()
-
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-    registerEndpoint(`user/${user2.id}/category-follow/`, () => PaginationsFactory.generate())
-    user.skills = [
-      SkillFactory.generate({ id: 123, type: 'hobby', tag: aTag }),
-      SkillFactory.generate({ id: 123, type: 'skill', tag: aTag }),
-    ]
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    expect(wrapper.findComponent(EmptyLabel).exists()).toBe(false)
-    expect(wrapper.findAllComponents(UserSkillsFull).length).toBe(2)
-  })
-
-  it('should display a tip if list are displayed', async () => {
-    const user = userTranslatedFactory.generate()
-    const user2 = userTranslatedFactory.generate()
-
-    registerEndpoint(`user/${user.id}/category-follow/`, () => PaginationsFactory.generate())
-    registerEndpoint(`user/${user2.id}/category-follow/`, () => PaginationsFactory.generate())
-    user.skills = [
-      SkillFactory.generate({ id: 123, type: 'hobby', tag: aTag }),
-      SkillFactory.generate({ id: 123, type: 'skill', tag: aTag }),
-    ]
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = await lpiMountSuspended(ProfileSkillTab, { props: { user } })
-    await flushPromises()
-    await wrapper.vm.$nextTick()
-    expect(wrapper.find('[data-test="skill-levels-help-button"]').exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.spec.ts
deleted file mode 100644
index 816fbc736..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.spec.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import ProfileSkillsEditTab from '~/pages/UserProfilePageV2/Tabs/ProfileSkillsEditTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { OrganizationFactory } from '~~/tests/factories/organization.factory'
-import { PaginationsFactory } from '~~/tests/factories/paginations.factory'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import useOrganizationsStore from '~/stores/useOrganizations'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import TagFactory from '~~/tests/factories/tag.factory'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ProfileSkillsEditTab.vue', () => {
-  it('should render component', async () => {
-    const user = userTranslatedFactory.generate()
-    const props = { user }
-
-    const organizationStore = useOrganizationsStore()
-    organizationStore._current = OrganizationFactory.generate()
-
-    const organizationCode = useOrganizationCode()
-    registerEndpoint(`organization/${organizationCode}/tag-classification/`, () => {
-      return PaginationsFactory.generate({
-        results: TagFactory.generateMany(10),
-      })
-    })
-
-    const wrapper = await lpiMountSuspended(ProfileSkillsEditTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.spec.ts
deleted file mode 100644
index 4b997db7c..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.spec.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import ProfileSummaryTab from '~/pages/UserProfilePageV2/Tabs/ProfileSummaryTab.vue'
-import { lpiMountSuspended, lpiShallowMount } from '~~/tests/helpers/LpiMount'
-import { userTranslatedFactory } from '~~/tests/factories/user.factory'
-import { flushPromises } from '@vue/test-utils'
-
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import { OrganizationFactory } from '~~/tests/factories/organization.factory'
-import { PaginationsFactory } from '~~/tests/factories/paginations.factory'
-import { ProjectFactory } from '~~/tests/factories/project.factory'
-import useOrganizationsStore from '~/stores/useOrganizations'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import useUsersStore from '~/stores/useUsers'
-
-describe('ProfileSummaryTab', () => {
-  let usersStore
-
-  beforeEach(() => {
-    usersStore = useUsersStore()
-    const user = userTranslatedFactory.generate({ id: 123 })
-    registerEndpoint(`user/${user.id}/`, () => user)
-    usersStore.userFromApi = usersStore.userFromToken = user
-
-    const organizationsStore = useOrganizationsStore()
-    organizationsStore._current = OrganizationFactory.generate()
-
-    registerEndpoint(`project/`, () =>
-      PaginationsFactory.generate({
-        results: ProjectFactory.generateMany(10),
-      })
-    )
-  })
-
-  it('should render ProfileSummaryTab component', () => {
-    const user = userTranslatedFactory.generate()
-    const wrapper = lpiShallowMount(ProfileSummaryTab, { props: { user } })
-
-    expect(wrapper.exists()).toBeTruthy()
-  })
-
-  it('should see that current user is the logged one', () => {
-    const user = userTranslatedFactory.generate({ id: 123 })
-    usersStore.userFromApi = usersStore.userFromToken = user
-    const wrapper = lpiShallowMount(ProfileSummaryTab, { props: { user } })
-    const vm: any = wrapper.vm
-    expect(vm.isCurrentUser).toBeTruthy()
-  })
-
-  it('should see that current user is not the logged one', () => {
-    const user = userTranslatedFactory.generate({ id: 123 })
-    const user2 = userTranslatedFactory.generate({ id: 456 })
-    usersStore.userFromApi = usersStore.userFromToken = user2
-
-    const wrapper = lpiShallowMount(ProfileSummaryTab, { props: { user } })
-    const vm: any = wrapper.vm
-    expect(vm.isCurrentUser).toBeFalsy()
-  })
-
-  it('shouldnt display a message if user has no bio set', async () => {
-    const user = userTranslatedFactory.generate()
-    user.description = null
-    const wrapper = lpiShallowMount(ProfileSummaryTab, { props: { user } })
-
-    await flushPromises()
-    expect(wrapper.find('user-descriptions-stub').exists()).toBe(false)
-  })
-
-  it('should display bio if user has one', async () => {
-    const user = userTranslatedFactory.generate()
-    const wrapper = lpiShallowMount(ProfileSummaryTab, { props: { user } })
-
-    await flushPromises()
-    expect(wrapper.find('user-descriptions-stub').exists()).toBe(true)
-    expect(wrapper.find('.empty-field').exists()).toBe(false)
-  })
-
-  it('shouldnt display resources', async () => {
-    const user = userTranslatedFactory.generate()
-    user.modules.files = user.modules.links = 0
-    const wrapper = await lpiMountSuspended(ProfileSummaryTab, {
-      props: { user },
-      global: {
-        provide: {
-          tabsLayoutSelectTab: vi.fn(),
-        },
-      },
-    })
-
-    await flushPromises()
-    expect(wrapper.find('.resources-recap').exists()).toBe(false)
-  })
-
-  it('should display resources', async () => {
-    const user = userTranslatedFactory.generate()
-    user.modules.files = user.modules.links = 5
-    const wrapper = await lpiMountSuspended(ProfileSummaryTab, {
-      props: { user },
-      global: {
-        provide: {
-          tabsLayoutSelectTab: vi.fn(),
-        },
-      },
-    })
-
-    await flushPromises()
-    expect(wrapper.find('.resources-recap').exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ResearcherDocumentsTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ResearcherDocumentsTab.spec.ts
deleted file mode 100644
index 3e02e928b..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ResearcherDocumentsTab.spec.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import ResearcherDocumentsTab from '~/pages/UserProfilePageV2/Tabs/ResearcherDocumentsTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { DocumentFactory, ResearcherFactory } from '~~/tests/factories/researcher.factory'
-import type { ResearcherDocumentType } from 'shared-projects-frontend/models'
-import { PaginationsFactory } from '~~/tests/factories/paginations.factory'
-import { UserFactory } from '~~/tests/factories/user.factory'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ResearcherDocumentsTab.vue', () => {
-  it('should render component', async () => {
-    const user = UserFactory.generate({
-      researcher: ResearcherFactory.generate(),
-    })
-    const props = {
-      user,
-      documentType: 'publications' satisfies ResearcherDocumentType as ResearcherDocumentType,
-    }
-    const organizationCode = useOrganizationCode()
-
-    registerEndpoint(
-      `crisalid/organization/${organizationCode}/researcher/${props.user.researcher.id}/${props.documentType}/analytics/`,
-      () => {
-        return {
-          document_types: {
-            JournalArticle: 100,
-            ConferenceAbstract: 10,
-            ScholarlyPublication: 45,
-            Book: 10,
-          },
-          years: [
-            { year: 2025, total: 10 },
-            { year: 2024, total: 3 },
-            { year: 2023, total: 13 },
-            { year: 2022, total: 130 },
-          ],
-          roles: {
-            trc: 12,
-            trl: 19,
-            tyg: 10,
-          },
-        }
-      }
-    )
-
-    const docWithoutSimilars = DocumentFactory.generate({
-      document_type: 'JournalArticle',
-      similars: 0,
-    })
-
-    registerEndpoint(
-      `crisalid/organization/${organizationCode}/researcher/${props.user.researcher.id}/${props.documentType}/`,
-      () => {
-        return PaginationsFactory.generate({
-          results: [docWithoutSimilars],
-        })
-      }
-    )
-
-    const wrapper = await lpiMountSuspended(ResearcherDocumentsTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/Tabs/ResearcherEditDocumentsTab.spec.ts b/tests/unit/pages/UserProfilePageV2/Tabs/ResearcherEditDocumentsTab.spec.ts
deleted file mode 100644
index 3836b69f4..000000000
--- a/tests/unit/pages/UserProfilePageV2/Tabs/ResearcherEditDocumentsTab.spec.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import ResearcherEditDocumentsTab from '~/pages/UserProfilePageV2/Tabs/ResearcherEditDocumentsTab.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import type { ResearcherDocumentType } from 'shared-projects-frontend/models'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('ResearcherEditDocumentsTab.vue', () => {
-  it('should render component', async () => {
-    const props = {
-      documentType: 'publications' satisfies ResearcherDocumentType as ResearcherDocumentType,
-    }
-
-    const wrapper = await lpiMountSuspended(ResearcherEditDocumentsTab, { props })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})
diff --git a/tests/unit/pages/UserProfilePageV2/UserProfilePage.spec.ts b/tests/unit/pages/UserProfilePageV2/UserProfilePage.spec.ts
deleted file mode 100644
index 3204109ea..000000000
--- a/tests/unit/pages/UserProfilePageV2/UserProfilePage.spec.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import UserProfilePage from '~/pages/UserProfilePageV2/UserProfilePage.vue'
-import { lpiMountSuspended } from '~~/tests/helpers/LpiMount'
-
-import { UserFactory } from '~~/tests/factories/user.factory'
-import { registerEndpoint } from '@nuxt/test-utils/runtime'
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-describe('UserProfilePage.vue', () => {
-  it('should render component', async () => {
-    const user = UserFactory.generate()
-    const props = { userIdOrSlug: user.id }
-
-    registerEndpoint(`user/${user.id}/`, () => user)
-
-    const wrapper = await lpiMountSuspended(UserProfilePage, {
-      props,
-      global: {
-        mocks: {
-          $route: {
-            name: 'ProfileUser',
-          },
-        },
-      },
-    })
-    await flushPromises()
-    expect(wrapper.exists()).toBe(true)
-  })
-})