feat(ui): add platform logos to landing page

[vpchung]

Fixes #2144

Changelog

• add "Platforms" section

• add list of platform logos (Figma mockup here)

  [!NOTE]
  platforms are listed in alphabetical order, as to not show favoritism

• update number of platforms in the metrics section from 16 to 12; we will not be counting:

  • "CASP" (@gaiaandreoletti and I concluded that this is more technically an organization rather than a platform)
  • "Other"
  • "OpenML" or "Papers With Code" (not challenge-hosting platforms)

• update wording so there's a better story (see Preview)

Preview

[tschaffter]

@vpchung You should create a new component instead of "hijacking" the home-organization component.

[tschaffter]

• I would prefer to keep the "Discover Organizations" as it is now.
• The new Platform section should have a title that match the size of the title of "Discover Organizations" (no need for sub-titles)

[vpchung]

@tschaffter : I would prefer to keep the "Discover Organizations" as it is now.

Option A

Section titles only

Option B

Section title with organization short summary

Option C

Section title with both short summaries

[rrchai]

Option C looks good to me - some explanations for user can't go wrong in my opinion.

Maybe not showcasing the total number of platforms "12" here, instead using "various/multiple" or other alternatives, because it may not seem a big number for users who don't know challenge platforms.

[vpchung]

Thank you both for the feedback! I took both of your suggestions and compromised with the following:

Merging now~
@tschaffter @rrchai does the image of platforms display in your workspace? The image service is broken on my end again, so I'm not able to test on my end.

[rrchai]

@vpchung

The platform image looks like this on my end:

[vpchung]

Thanks for checking, @rrchai ! Is that what the image looks like on your end....? 😮 It doesn't look like this?

@tschaffter whenever you have time, can you review the PR again? I'm not able to merge until you approve.

[tschaffter]

I can't see how the entire Platform section looks like right now (section title + logo). Here is my feedback based on what I remember seeing during our 1:1.

If I remember correctly, the vertical space A between the title and the first row of logos is smaller than the vertical space B between rows of logos. Similarly to previous feedback, the layout would be better structured IMO if the section title was one "element" and the logos were a second "element". To achieve this, the vertical space A should be larger than B.

[vpchung]

@tschaffter @rrchai I decreased the vertical padding between the frames to 5px, as well as added more padding between the image and text:

[vpchung]

@tschaffter Thanks for the suggestion! Here is the updated description:

EDIT: Hmm... the text and image are not aligned in the center for some reason... investigating further.

[vpchung]

Fixed: