Homepage: build a PreviewLayout of user groups in UserHome

[goplayoutside3]

Package

lib-user
app-root

Linked Issue and/or Talk Post

Coincides with #6121 and #6125 to complete the signed-in homepage design

Describe your changes

• Created a PreviewLayout component for use in MyGroupsContainer. All of the necessary data fetching is already setup in MyGroupsContainer, so I simply passed it a previewLayout boolean from UserHome to show a truncated version of MyGroups (only two at a time)
• Created a PreviewLayout story
• Added a Grid layout to UserHome (also did this in Homepage: Create RecentProjects component, refactor data fetching in RecentSubjects #6125 for consistency)
• Removed the "Learn more about Groups" link because there is nothing at https://fe-root.preview.zooniverse.org/groups right now.

How to Review

• View the new MyGroups > PreviewLayout story.
• Run lib-user locally and visit https://local.zooniverse.org:8080
• Run app-root locally and visit https://local.zooniverse.org:3000

Checklist

PR Creator - Please cater the checklist to fit the review needed for your code changes.
PR Reviewer - Use the checklist during your review. Each point should be checkmarked or discussed before PR approval.

General

• Tests are passing locally and on Github
• Documentation is up to date and changelog has been updated if appropriate
• You can yarn panic && yarn bootstrap or docker-compose up --build and FEM works as expected
• FEM works in all major desktop browsers: Firefox, Chrome, Edge, Safari (Use Browserstack account as needed)
• FEM works in a mobile browser

General UX

Example Staging Project: i-fancy-cats

• Can sign-in and sign-out
• The component is accessible
  • Can be used with a screen reader BBC guide to VoiceOver
  • Can be used from the keyboard WebAIM guide to keyboard testing
  • It is passing accessibility checks in the storybook

[coveralls]

coverage: 79.15% (+0.008%) from 79.142%
when pulling e6b6cf9 on homepage-groups-preview
into b4935ba on master.

[coveralls]

coverage: 79.17% (-0.03%) from 79.203%
when pulling 57a10a4 on homepage-groups-preview
into f1e524f on master.

[coveralls]

coverage: 79.189% (-0.03%) from 79.214%
when pulling f80440d on homepage-groups-preview
into 37bef25 on master.

[mcbouslog]

Looks good!

Refactored so group displayName showed, as ul, and sorted by created_at to show recently created (active membership) groups show first on homepage.

[coveralls]

coverage: 79.18% (-0.03%) from 79.214%
when pulling ecfa6b2 on homepage-groups-preview
into 37bef25 on master.