Direct photo and name to Profile page Update#2

Actual user name is superuser but with kint, its still reading the admin id and displayname. This also happens to the URL, its reading the admin's profile link profile/1



I tried to dig into {{ content }} but cannot find tag with value superuser.



Update:

I noticed that in my twig template, {{ content.user_id }} would link into user's profile page(user/1), so the main question I think is what is the correct profile id of user in twig. I tried using content.profile_id but doesn't work.



I have this simple site that a user can post a simple content in the site. I also have a custom Profile type enabled from Profile module. I noticed that when I click on the photo, it is directed to the profile page profile/1(which is my expected result) but when the author name is clicked, it is directed into the user's profile page user/1. How can I change the author's name link to be directed into profile pageprofile/1?
You can use the example from Twig Functions:


{# Link to user entity page. #}
&lt;a href="{{ path('entity.user.canonical', {'user': user.id}) }}"&gt;{{ 'View user profile'|t }}&lt;/a&gt;



and modify the route to point the link to the profile page:

{# Link to user profile page. #}
&lt;a href="{{ path('entity.profile.canonical', {'profile': user.id}) }}"&gt;{{ 'View user profile'|t }}&lt;/a&gt;