Update patient profile page to always display useful information

[jackcmeyer]

🚀 Feature Proposal

The patient profile should always display the patient's most important information regardless of what tab they are on.

The goal of this issue is to make a screen that looks similar to this:

Notes

• don't worry about colors or matching the mockup exactly, this is simply to get the layout in place
• for sections that that do not yet exist (i.e. procedures), don't worry about adding them
• In the allergies box, each item should link to the view allergies page
• for now, the diagnoses section should just display a list of diagnoses and the date that diagnosis was on (don't worry about status/ICD-10 or secondary diagnoses since we don't have that concept yet).
• for now, ignore the new visit button, since the concept of visits does not yet exist

[AlexTan331]

If this is still available, could I be assigned?

[matteovivona]

No one has come forward. We can assign it to you @AlexTan331

[AlexTan331]

@jackcmeyer
Just need some clarification on this issue:

• should I add this new layout component between the title component and the breadcrumbs component, or between the breadcrumbs component and the tabs component?
• For now, are there only three sections being displayed: Allergies, Diagnoses, and Care plan?

[jackcmeyer]

@AlexTan331 not sure how I missed this :(.

• it should display after the breadcrumbs, in my opinion. It might be necessary to stop using useTitlte hook, which I think is ok.
• The assumptions you are making are correct

[AlexTan331]

@jackcmeyer
Just want to make sure I am on the right track. This is the layout I have come up with so far.
Is this close to the image in your mind?