use next link

apps/app/src/components/Sidebar/SidebarNav/PersonalDropdown.tsx

@@ -70,23 +70,27 @@ export const PersonalDropdown = (): JSX.Element => {
 
           <DropdownItem divider />
 
-          <DropdownItem
+          <Link
             href={pagePathUtils.userHomepagePath(currentUser)}
             data-testid="grw-personal-dropdown-menu-user-home"
           >
-            <span className="text-muted">
-              <span className="material-symbols-outlined me-1">home</span>{t('personal_dropdown.home')}
-            </span>
-          </DropdownItem>
-
-          <DropdownItem
+            <DropdownItem>
+              <span className="text-muted">
+                <span className="material-symbols-outlined me-1">home</span>{t('personal_dropdown.home')}
+              </span>
+            </DropdownItem>
+          </Link>
+
+          <Link
             href="/me"
             data-testid="grw-personal-dropdown-menu-user-settings"
           >
-            <span className="text-muted">
-              <span className="material-symbols-outlined me-1">build</span>{t('personal_dropdown.settings')}
-            </span>
-          </DropdownItem>
+            <DropdownItem>
+              <span className="text-muted">
+                <span className="material-symbols-outlined me-1">build</span>{t('personal_dropdown.settings')}
+              </span>
+            </DropdownItem>
+          </Link>
 
           <DropdownItem
             data-testid="grw-proactive-questionnaire-modal-toggle-btn"