feat: update member routing and enhance member display with clickable avatars

Author: Francisca105

frontend/src/components/companies/MembersCompanies.vue

@@ -26,7 +26,12 @@
     <template #default="{ item }">
       <div class="w-full border-b border-muted-foreground/10 pb-4 mb-4">
         <div class="flex items-center justify-between w-full py-2">
-          <MemberWithAvatar :member="item" with-separator />
+          <RouterLink
+            :to="{ name: 'member', params: { memberId: item.id } }"
+            class="flex items-center gap-3 no-underline"
+          >
+            <MemberWithAvatar :member="item" with-separator />
+          </RouterLink>
           <button
             type="button"
             class="p-2 rounded-md hover:bg-slate-100"

frontend/src/components/speakers/MembersSpeakers.vue

@@ -26,7 +26,12 @@
     <template #default="{ item }">
       <div class="w-full border-b border-muted-foreground/10 pb-4 mb-4">
         <div class="flex items-center justify-between w-full py-2">
-          <MemberWithAvatar :member="item" with-separator />
+          <RouterLink
+            :to="{ name: 'member', params: { memberId: item.id } }"
+            class="flex items-center gap-3 no-underline"
+          >
+            <MemberWithAvatar :member="item" with-separator />
+          </RouterLink>
           <button
             type="button"
             class="p-2 rounded-md hover:bg-slate-100"

frontend/src/router.ts

@@ -42,7 +42,7 @@ const router = createRouter({
           component: () => import("./views/Dashboard/Speakers/SpeakerView.vue"),
         },
         {
-          path: "members/:memberId",
+          path: "member/:memberId",
           name: "member",
           component: () => import("./views/Dashboard/Members/MemberView.vue"),
         },