adjustments to elements in the candidate profile item page

[marandmart]

Brief summary of changes

• Adjust visual elements of certain modules used in the candidate profile page to make them not break under small window width sizes and to use more of the available space.
• Defined a max height limit for the panel that can be customized via props.
• Adjusted viewing of panel widgets on screen size of 576px and bellow.

Solves issue: https://github.com/aces/CBIGR/issues/559
Example page: candidate_profile/587630/

Before:

After:

Before:

After:

Before:

After:

Before:

After:

Before:

After:

Before:

After:

Just noticed the "Needs work" tag..

[ridz1208]

@driusan I think one of the last taks was a weirdness about the height of the panels, in some cases they stretched to infinity taking over their entire column and in mobile view I suggested the panels to go into one column because it didnt make any sense on a tight enough screen.

[charliehenrib]

@marandmart before clicking on a candidate, there is the filter table having weird dimensions:

[charliehenrib]

Can the "l" fit with the rest of the project name:

[CamilleBeau]

Note to self: Check testing this on CCNA code

[charliehenrib]

Note to self: Check testing this on CCNA code

could not be tested on CCNA. @ridz1208 can you try to add it to CBIG for testing?