Fix UserProfile showing wrong user card in the header

closes #494 (closed), closes #498 (closed)

• use one vue data as a single source of truth for userId
• make sure to update the vue data whenever needed
• clean up unnecessary computed properties and methods