This component adds a "Edit Profile" button directly on the profile

My users wished, that you click on your profile like https://DOMAIN.com/u/USER and then there is a button "Edit profile" which redirects you to https://DOMAIN.com/u/USER/edit

Why did I do that?

On my website I added a "View my profile" button for mobile users, so they have the possibility, to just view their profile without editing -> when you are on the "view" page then you have to open the menu again and click on "edit profile" which is not very user friendly

The goal was, to add a "edit profile" button to the "normal" profile page, so users can go directly from https://DOMAIN.com/u/USER to the edit page https://DOMAIN.com/u/USER/edit

I have done it so far but I cannot get the correct styling, maybe someone can help with that?

I'd like to habe it in the right corner: