Fix or improve several miscellaneous responsive/mobile issues

[ofsound]

Fixes #1060

fix bad update login button on edit profile

to

add line break on change your login ( check this again on thin mobile )

to

danger flags on responsive screens can seem strangely positioned

to

freshabeats breaks "Latest Listens To Your Music", artist name within accordions,

to

better dividing lines on Edit Profile > Settings

to

artist name, follow and the avatar responsive breakdown

to

social links display are a mess on user page ( refactor CSS to be more readable? switch to JS class swap? )

to

social links in edit profile to two line style ( better design, what do other sites do? )

to

followers grid (remove test loop that creates many avatars)

to

"Ready For Review" checklist

These checklists are to help ensure the code review basics are covered. Consider removing to reduce noise.

• [x] PR title accurately summarizes changes
• [x] New tests were added for isolated methods or new endpoints
• [ ] I opened an issue for any logical followups
• [x] If this fixes a bug, "Fixes #XXX" is either the very first or very last line of the description.

Before code review and after additional commits during review.

• [ ] Update title and description to account for additional changes
• [ ] All tests green
• [ ] Migrations were tested locally and do the right thing
• [x] Booted up the branch locally, exercised any new code
• [x] Percy changes are purposeful or explained
• [x] Css changes are happy on mobile (via Percy is ok)

[sudara]

Is the padding change on track chunk artist names that percy is showing intentional / desired?