Phenotype Node Page Redesign

[varun-divya]

Related issues

• Closes Redesign phenotype node pages on mi.org #1198

Please make sure to test the edge-case phenotypes as well . 🙂

[netlify]

✅ Deploy Preview for monarch-app ready!

Name	Link
🔨 Latest commit	b8f70dd
🔍 Latest deploy log	https://app.netlify.com/projects/monarch-app/deploys/68f12e9b6ed5f400087780a5
😎 Deploy Preview	https://deploy-preview-1200--monarch-app.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 71.84%. Comparing base (1f2828a) to head (b8f70dd).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1200   +/-   ##
=======================================
  Coverage   71.84%   71.84%           
=======================================
  Files          92       92           
  Lines        3232     3232           
=======================================
  Hits         2322     2322           
  Misses        910      910           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sagehrke]

• The "Disease Phenotype" section should be called "Diseases with this Phenotype" and the tab should be "Directly associated diseases" and "Inferred associated diseases"
• The "Causal Gene Phenotypes" section should be called "Causal Genes" and the tab should be "Directly associated causal genes" and "Inferred associated causal genes"

I think the rest is ok! Thanks!