fix:multiple re-render in profile page

[sital002]

Fixes Issue

closes #9368

Changes proposed

Refactor the UserTabs component and added shallow:true which will prevent re-running getServerSideProps

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[eddiejaoude]

Thank you for the contribution Sital, but I get this error in your branch

[sital002]

I added a props for Tabs component but I forgot to add it in the manage/profile page. Let me fix that

[sital002]

I think we need to update the test for the profile page since I used a button instead of a link in the Tabs component the test should be changed accordingly.

[eddiejaoude]

Looks great 👍