diff --git a/app/pages/profile/index.vue b/app/pages/profile/index.vue
index 0ce60e7..c1fc5c8 100644
--- a/app/pages/profile/index.vue
+++ b/app/pages/profile/index.vue
@@ -1,175 +1,161 @@
 <template>
-    <title> Profile - {{ user.name }}</title>
-    <div
-        class="min-h-screen bg-slate-50 dark:bg-slate-950 font-sans text-slate-900 dark:text-slate-200 selection:bg-blue-100 dark:selection:bg-blue-900 pb-12 transition-colors duration-300">
+    <title> Profile - {{user.name}}</title>
+    <div class="min-h-screen bg-slate-50 dark:bg-slate-950 font-sans text-slate-900 dark:text-slate-200 selection:bg-blue-100 dark:selection:bg-blue-900 pb-12 transition-colors duration-300">
+
         <div class="container mx-auto max-w-7xl px-4 py-8 md:py-12">
             <div class="grid grid-cols-1 md:grid-cols-12 gap-8 lg:gap-12">
 
                 <div class="md:col-span-4 lg:col-span-3 flex flex-col gap-6">
 
-                    <div
-                        class="bg-white dark:bg-slate-900 rounded-2xl p-6 shadow-sm border border-slate-200 dark:border-slate-800 transition-colors duration-300">
+                    <div class="bg-white dark:bg-slate-900 rounded-2xl p-6 shadow-sm border border-slate-200 dark:border-slate-800 transition-colors duration-300">
                         <div class="flex flex-col items-center text-center">
                             <div class="relative inline-block mb-4">
                                 <div
                                     class="h-32 w-32 rounded-full border-4 border-white dark:border-slate-800 bg-slate-100 dark:bg-slate-800 overflow-hidden shadow-md ring-1 ring-slate-200 dark:ring-slate-700">
                                     <img :src="user.avatarUrl" :alt="user.name"
-                                        class="h-full w-full object-cover transition-transform hover:scale-105">
+                                        class="h-full w-full object-cover transition-transform hover:scale-105" />
                                 </div>
-                                <div class="absolute bottom-2 right-2 h-5 w-5 rounded-full border-[3px] border-white shadow-sm"
-                                    :class="user.isActive ? 'bg-emerald-500' : 'bg-gray-400'" title="Online Status" />
+                                <div class="absolute bottom-2 right-2 h-5 w-5 rounded-full border-[3px] border-white dark:border-slate-900 shadow-sm"
+                                    :class="user.isActive ? 'bg-emerald-500' : 'bg-gray-400'" title="Online Status">
+                                </div>
+                            </div>
+
+                            <h1 class="text-2xl font-bold text-slate-900 dark:text-white tracking-tight">{{ user.name }}</h1>
+                            <p class="text-sm font-semibold text-slate-500 dark:text-slate-400 mb-6 uppercase tracking-wide">{{ user.role }}
+                            </p>
+
+                            <div class="w-full space-y-3">
+                                <button
+                                    class="w-full py-2.5 px-4 bg-slate-900 dark:bg-blue-600 hover:bg-slate-800 dark:hover:bg-blue-500 text-white font-medium rounded-lg text-sm transition-all shadow-sm active:scale-95 cursor-pointer">
+                                    Edit Profile
+                                </button>
+                                <button
+                                    class="w-full py-2.5 px-4 bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-200 font-medium rounded-lg text-sm transition-all active:scale-95 cursor-pointer">
+                                    View Settings
+                                </button>
                             </div>
                         </div>
 
-                        <h1 class="text-2xl font-bold text-slate-900 dark:text-white tracking-tight">{{ user.name }}
-                        </h1>
-                        <p
-                            class="text-sm font-semibold text-slate-500 dark:text-slate-400 mb-6 uppercase tracking-wide">
-                            {{ user.role }}
+                        <div class="mt-8 pt-6 border-t border-slate-100 dark:border-slate-800 space-y-4">
+                            <div class="flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
+                                <svg class="w-4 h-4 text-slate-400 dark:text-slate-500 shrink-0" fill="none" viewBox="0 0 24 24"
+                                    stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                        d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+                                </svg>
+                                <span class="truncate">{{ user.email }}</span>
+                            </div>
+                            <div class="flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
+                                <svg class="w-4 h-4 text-slate-400 dark:text-slate-500 shrink-0" fill="none" viewBox="0 0 24 24"
+                                    stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                        d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+                                </svg>
+                                <span>Polytechnic of Leiria</span>
+                            </div>
+                            <div class="flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
+                                <svg class="w-4 h-4 text-slate-400 dark:text-slate-500 shrink-0" fill="none" viewBox="0 0 24 24"
+                                    stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                        d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                                </svg>
+                                <span>Joined {{ formattedDate }}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="grid grid-cols-2 gap-4">
+                        <div
+                            class="bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-200 dark:border-slate-800 text-center hover:border-slate-300 dark:hover:border-slate-700 transition-colors">
+                            <div class="text-2xl font-bold text-slate-900 dark:text-white">{{ totalCitations }}</div>
+                            <div class="text-[10px] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest mt-1">Citations
+                            </div>
+                        </div>
+                        <div
+                            class="bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-200 dark:border-slate-800 text-center hover:border-slate-300 dark:hover:border-slate-700 transition-colors">
+                            <div class="text-2xl font-bold text-slate-900 dark:text-white">{{ user.publications.length }}</div>
+                            <div class="text-[10px] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest mt-1">Papers
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="md:col-span-8 lg:col-span-9 space-y-6">
+
+                    <div class="bg-white dark:bg-slate-900 p-1.5 rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm flex gap-1 overflow-x-auto transition-colors">
+                        <button
+                            class="flex-1 min-w-[100px] py-2.5 px-4 rounded-lg text-lg font-semibold bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-white shadow-sm ring-1 ring-black/5 dark:ring-white/5 cursor-pointer transition-colors">
+                            Overview
+                        </button>
+                        <button
+                            class="flex-1 min-w-[100px] py-2.5 px-4 rounded-lg text-lg font-medium text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors cursor-pointer">
+                            Activity Log
+                        </button>
+                        <button
+                            class="flex-1 min-w-[100px] py-2.5 px-4 rounded-lg text-lg font-medium text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors cursor-pointer">
+                            Settings
+                        </button>
+                    </div>
+
+                    <div class="bg-white dark:bg-slate-900 p-6 rounded-2xl shadow-sm border border-slate-200 dark:border-slate-800 transition-colors">
+                        <h2 class="text-xs font-bold text-slate-400 dark:text-slate-500 uppercase tracking-wider mb-3">Biography</h2>
+                        <p class="text-slate-700 dark:text-slate-300 leading-relaxed text-sm">
+                            {{ user.biography }}
                         </p>
-
-                        <div class="w-full space-y-3">
-                            <button
-                                class="w-full py-2.5 px-4 bg-slate-900 dark:bg-blue-900 hover:bg-slate-800 dark:hover:bg-blue-500 text-white font-medium rounded-lg text-sm transition-all shadow-sm active:scale-95 cursor-pointer">
-                                Edit Profile
-                            </button>
-                            <button
-                                class="w-full py-2.5 px-4 bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-200 font-medium rounded-lg text-sm transition-all active:scale-95 cursor-pointer">
-                                View Settings
-                            </button>
-                        </div>
                     </div>
 
-                    <div class="mt-8 pt-6 border-t border-slate-100 dark:border-slate-800 space-y-4">
-                        <div class="flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
-                            <svg class="w-4 h-4 text-slate-400 dark:text-slate-500 shrink-0" fill="none"
-                                viewBox="0 0 24 24" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                    d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
-                            </svg>
-                            <span class="truncate">{{ user.email }}</span>
-                        </div>
-                        <div class="flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
-                            <svg class="w-4 h-4 text-slate-400 dark:text-slate-500 shrink-0" fill="none"
-                                viewBox="0 0 24 24" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                    d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
-                            </svg>
-                            <span>Polytechnic of Leiria</span>
-                        </div>
-                        <div class="flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
-                            <svg class="w-4 h-4 text-slate-400 dark:text-slate-500 shrink-0" fill="none"
-                                viewBox="0 0 24 24" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                    d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
-                            </svg>
-                            <span>Joined {{ formattedDate }}</span>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-2 gap-4">
-                    <div
-                        class="bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-200 dark:border-slate-800 text-center hover:border-slate-300 dark:hover:border-slate-700 transition-colors">
-                        <div class="text-2xl font-bold text-slate-900 dark:text-white">{{ totalCitations }}</div>
-                        <div
-                            class="text-[10px] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest mt-1">
-                            Citations
-                        </div>
-                    </div>
-                    <div
-                        class="bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-200 dark:border-slate-800 text-center hover:border-slate-300 dark:hover:border-slate-700 transition-colors">
-                        <div class="text-2xl font-bold text-slate-900 dark:text-white">{{ user.publications.length }}
-                        </div>
-                        <div
-                            class="text-[10px] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest mt-1">
-                            Papers
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="md:col-span-8 lg:col-span-9 space-y-6">
-
-                <div
-                    class="bg-white dark:bg-slate-900 p-1.5 rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm flex gap-1 overflow-x-auto transition-colors">
-                    <button
-                        class="flex-1 min-w-[100px] py-2.5 px-4 rounded-lg text-lg font-semibold bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-white shadow-sm ring-1 ring-black/5 dark:ring-white/5 cursor-pointer transition-colors">
-                        Overview
-                    </button>
-                    <button
-                        class="flex-1 min-w-[100px] py-2.5 px-4 rounded-lg text-lg font-medium text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors cursor-pointer">
-                        Activity Log
-                    </button>
-                    <button
-                        class="flex-1 min-w-[100px] py-2.5 px-4 rounded-lg text-lg font-medium text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors cursor-pointer">
-                        Settings
-                    </button>
-                </div>
-
-                <div
-                    class="bg-white dark:bg-slate-900 p-6 rounded-2xl shadow-sm border border-slate-200 dark:border-slate-800 transition-colors">
-                    <h2 class="text-s font-bold text-slate-900 dark:text-slate-100 uppercase tracking-wider mb-3">
-                        Biography</h2>
-                    <p class="text-slate-700 dark:text-slate-300 leading-relaxed text-sm">
-                        {{ user.biography }}
-                    </p>
-                </div>
-
-                <div class="flex items-center justify-between pt-2 px-1">
-                    <h2 class="text-lg font-bold text-slate-900 dark:text-slate-300 flex items-center gap-2">
-                        Recent Publications
-                        <span
-                            class="bg-slate-200 dark:bg-slate-800 text-slate-700 dark:text-slate-300 text-xs font-bold px-2 py-0.5 rounded-full">{{
+                    <div class="flex items-center justify-between pt-2 px-1">
+                        <h2 class="text-lg font-bold text-slate-900 dark:text-white flex items-center gap-2">
+                            Recent Publications
+                            <span class="bg-slate-200 dark:bg-slate-800 text-slate-700 dark:text-slate-300 text-xs font-bold px-2 py-0.5 rounded-full">{{
                                 user.publications.length }}</span>
-                    </h2>
-                </div>
-
-                <div class="flex flex-col gap-4">
-                    <div v-if="user.publications.length === 0"
-                        class="text-center py-16 border-2 border-dashed border-slate-200 dark:border-slate-800 rounded-xl bg-slate-50/50 dark:bg-slate-900/50">
-                        <p class="text-slate-500 dark:text-slate-400 font-medium">No publications found yet.</p>
+                        </h2>
                     </div>
 
-                    <div v-for="pub in user.publications" :key="pub.id"
-                        class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-200 dark:border-slate-800 hover:shadow-md hover:border-blue-300 dark:hover:border-blue-700 transition-all duration-200 group relative">
-                        <div class="flex justify-between items-start gap-4 mb-2">
-                            <h3
-                                class="text-base font-bold text-slate-900 dark:text-slate-100 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors leading-snug">
-                                <a href="#" class="before:absolute before:inset-0">{{ pub.title }}</a>
-                            </h3>
-                            <span
-                                class="shrink-0 px-2.5 py-1 rounded-md bg-slate-100 dark:bg-slate-800 text-slate-600 dark:text-slate-400 text-xs font-bold border border-slate-200 dark:border-slate-700">
-                                {{ pub.publishedYear }}
-                            </span>
+                    <div class="flex flex-col gap-4">
+                        <div v-if="user.publications.length === 0"
+                            class="text-center py-16 border-2 border-dashed border-slate-200 dark:border-slate-800 rounded-xl bg-slate-50/50 dark:bg-slate-900/50">
+                            <p class="text-slate-500 dark:text-slate-400 font-medium">No publications found yet.</p>
                         </div>
 
-                        <p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed line-clamp-2">
-                            {{ pub.abstract }}
-                        </p>
+                        <div v-for="pub in user.publications" :key="pub.id"
+                            class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-200 dark:border-slate-800 hover:shadow-md hover:border-blue-300 dark:hover:border-blue-700 transition-all duration-200 group relative">
+                            <div class="flex justify-between items-start gap-4 mb-2">
+                                <h3
+                                    class="text-base font-bold text-slate-900 dark:text-slate-100 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors leading-snug">
+                                    <a href="#" class="before:absolute before:inset-0">{{ pub.title }}</a>
+                                </h3>
+                                <span
+                                    class="shrink-0 px-2.5 py-1 rounded-md bg-slate-100 dark:bg-slate-800 text-slate-600 dark:text-slate-400 text-xs font-bold border border-slate-200 dark:border-slate-700">
+                                    {{ pub.publishedYear }}
+                                </span>
+                            </div>
 
-                        <div
-                            class="mt-4 pt-4 border-t border-slate-50 dark:border-slate-800 flex flex-wrap items-center gap-4 text-xs font-medium z-10 relative">
-                            <span
-                                class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-blue-50 text-blue-700 border border-blue-100">
-                                <span class="w-1.5 h-1.5 rounded-full bg-blue-500">
+                            <p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed line-clamp-2">
+                                {{ pub.abstract }}
+                            </p>
+
+                            <div
+                                class="mt-4 pt-4 border-t border-slate-50 dark:border-slate-800 flex flex-wrap items-center gap-4 text-xs font-medium z-10 relative">
+                                <span
+                                    class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 border border-blue-100 dark:border-blue-800/50">
+                                    <span class="w-1.5 h-1.5 rounded-full bg-blue-500"></span>
                                     {{ pub.field }}
                                 </span>
-                            </span>
-                            <span class="inline-flex items-center gap-1.5 text-slate-500 dark:text-slate-400">
-                                <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path
-                                        d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
-                                </svg>
-                                {{ pub.citations }} Citations
-                            </span>
-                            <span class="text-slate-300 dark:text-slate-700">•</span>
-                            <span class="text-slate-500 dark:text-slate-400">{{ pub.publishedDate }}</span>
+                                <span class="inline-flex items-center gap-1.5 text-slate-500 dark:text-slate-400">
+                                    <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
+                                    </svg>
+                                    {{ pub.citations }} Citations
+                                </span>
+                                <span class="text-slate-300 dark:text-slate-700">•</span>
+                                <span class="text-slate-500 dark:text-slate-400">{{ pub.publishedDate }}</span>
+                            </div>
                         </div>
                     </div>
 
                 </div>
-
             </div>
         </div>
     </div>