[#1706] Redesign personal info page

[pi-sigma]

Taiga #1706

[codecov-commenter]

Codecov Report

Attention: 1 lines in your changes are missing coverage. Please review.

Comparison is base (ae363ca) 92.79% compared to head (99aa32c) 92.80%.
Report is 36 commits behind head on develop.

Files	Patch %	Lines
src/open_inwoner/accounts/models.py	80.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop     #851      +/-   ##
===========================================
+ Coverage    92.79%   92.80%   +0.01%     
===========================================
  Files          776      798      +22     
  Lines        26713    27439     +726     
===========================================
+ Hits         24787    25465     +678     
- Misses        1926     1974      +48     

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

[jiromaykin]

I don't think I have even been able to review all the changes necessary - it's a lot of work, but here is a start.
Also: for content that is too wide for the card you would either need to make an ellipsis CSS style (with this combo: white-space: nowrap; overflow: hidden; text-overflow: ellipsis;) OR you could change the number of columns for tablet size screens,
Perhaps get some inspiration here: https://github.com/maykinmedia/open-inwoner/pull/840/files

outdated