fix: show profile nudge as icon when sidebar is collapsed

frontend/src/components/Sidebar/AppSidebar.vue

@@ -91,7 +91,7 @@
 				}}
 			</div>
 			<div
-				v-if="isStudent && !profileIsComplete"
+				v-if="isStudent && !profileIsComplete && !sidebarStore.isSidebarCollapsed"
 				class="flex flex-col gap-3 text-ink-gray-9 py-2.5 px-3 bg-surface-white shadow-sm rounded-md"
 			>
 				<div class="flex flex-col text-p-sm gap-1">
@@ -120,6 +120,24 @@
 					</Button>
 				</router-link>
 			</div>
+			<Tooltip
+				v-if="isStudent && !profileIsComplete && sidebarStore.isSidebarCollapsed"
+				:text="__('Complete your profile')"
+			>
+				<router-link
+					:to="{
+						name: 'Profile',
+						params: {
+							username: userResource.data?.username,
+						},
+					}"
+					class="flex items-center justify-center"
+				>
+					<User
+						class="size-4 stroke-1.5 text-ink-gray-7 cursor-pointer"
+					/>
+				</router-link>
+			</Tooltip>
 			<TrialBanner
 				v-if="
 					userResource.data?.is_system_manager && userResource.data?.is_fc_site