Get Recommendations Challenges on challenge details page

[Oanh-and-only-Oanh]

Challenge spec.

Dev copilot: Veshu

Design copilot: Fajar

https://docs.google.com/document/d/1KeGUf57j9sdSft7EJt00387_JnTaifIZVXGp11ywb4c/edit?usp=sharing

additional requirements:

display up to 3 related challenges and 3 articles

If challenge is tagged with "other", do not show anything

if more than one tag is present, display related articles and challenges based on first tag

[veshu]

The challenge has been launched at https://www.topcoder.com/challenges/30114285

[SathyaJayabal]

The recommended challenges must not include the current challenge (the challenge that is being viewed).

Clarifications needed:

1. Title must be left aligned to the first card. The marvel design is also not aligned. Is this the expected design?

2. When there are less than three articles, what should be the alignment of the cards? Left aligned or center aligned?

3. Clicking on a recommended challenge opens the challenge in the same tab. Should it open the challenge in a new tab?

[SathyaJayabal]

cc @Oanh-and-only-Oanh @lakshmiathreya @veshu , please see clarifications needed items in the above comment.

[TheOsch]

Excuse me.. So what's the answer? Must we align those 2 challenges left or leave them as they are?

[veshu]

@TheOsch based on this #3565 (comment)

1. You can move the title more to the left, to have that space removed.

2. Should be left-aligned.

[TheOsch]

Clear, thank you.

[TheOsch]

And these two lines in CSS are really everything that we have to do? Cool.

[veshu]

@TheOsch Yes correct. Also please check #3565 (comment) these 3 items too

[TheOsch]

To open contest links in a new tab? Yes, it's convenient.

[SathyaJayabal]

@TheOsch , please also check this comment

"The recommended challenges must not include the current challenge (the challenge that is being viewed). "
At present, the recommended challenges also includes the challenge whose detail page is being viewed. This should not be the case.

cc @veshu

[SathyaJayabal]

#veshu, everything looks fine except for the below minor issues

1. clicking on # of registrants should open the challenge detail page(registrants tab selected when number of reg > 0, else details tab selected) in a new tab. Currently it is opening in the same tab.
2. Clicking on #of Subs should open the challenge detail page(submissions tab selected when number of submissions > 0, else details tab selected) in a new tab. Currently it is opening in the same tab and the details tab is selected even when submission > 0.

[SathyaJayabal]

@veshu

1. this is fixed.
2. When you click on the number of submissions, it opens the challenge in the new tab(as expected) but the selected tab is details. But the selected tab of the current window is changed to submissions tab.

see video for reference.
submissions count link.mov.zip

[SathyaJayabal]

@veshu , verified on beta (feature branch)

[SathyaJayabal]

verified in beta

[SathyaJayabal]

Verified in Prod