Legislator Profile - Header

[Mephistic]

Summary

This issue covers the implementation of the Header of the new Legislator Profile page.

Success Criteria

• Implement the design of the Legislator Profile Header, including
  • Legislator Name
  • Party
  • District
  • Contact Info (Email/Phone/Socials)
  • Follow Button (Works just like any other "Follow User")
  • Contact Button (Can just open a mailto: link to the legislator's email for now)
  • Legislative Stats, including:
    • Terms Served
      • INVESTIGATE: Can we track members across general courts consistently by member code? Leaning toward yes, but it's not guaranteed so we should pick an long-serving member and track them back.
        • If not available, we may need to open another issue for a separate scraper.
    • Num Bills Sponsored / Cosponsored
      • This is available in generalCourts/<COURT>/bills, but we may need to add a new index.
      • The counts are also not currently precomputed - this may be a good use for the firestore count aggregation
    • Funds Raised (Not available yet)
      • N/A is fine for now - this data is coming with the Campiagn Finance pipeline ticket

Screenshots

Additional Links

• Mockup: https://maple-leg-profiles.netlify.app/

[mertbagt]

"District X * 9th Hampton" -> the database has the info for "9th Hampton" but it is unclear how to calculate X if we even have the necessary information to calculate X

@Mephistic @mvictor55

[mertbagt]

Steps to test/reproduce

Go to ./legislators/profile?id=XBPiuP0JN5ZwAMXb19j68GJduuO2

[mertbagt]

ACM1: Adrian Madaro has served on 192, 193, 194

need a better way to count CourtsServedOn on firebase

@Mephistic