fix: Add anchor reference to scroll to & design tweaks

[arslanashraf7]

What are the relevant tickets?

112

What's this PR do?

• Fixes the Open/Close problem working of rapid response within the Learning MFE
• Fixes some design regressions that came in MFE

How should this be manually tested?

Check that the Rapid Response related functionality works fine within the Learning MFE - It would be a good idea to open a course with Multiple Choice Problem with Rapid Response enabled. Open the course in learning MFE and if you're an admin you'll see a button Legacy Experience(Open it in a new tab so that you can compare)

Where should the reviewer start?

• Install the Rapid Response & creating a test course with multiple-choice questions enabled with Rapid Response(You can take a look at Readme)

Screenshots (if appropriate)

Open Problem Within MFE (BEFORE) -- Notice Double lined text -- If timer, warning and info messages are all shown together

Comparing Responses Within MFE (BEFORE) -- Notice Range/Date selecter getting outside the width

Comparing Responses Within MFE (AFTER) -- Notice the Selecter inside the container

Open Problem Within MFE (BEFORE) -- Single Lined Text

View in Legacy Experience Comparison

Open Problem

[arslanashraf7]

@pdpinch FYI, Along with Open/Close button's event problem there were some design regression as well within the Comparison selectors & Timer/info row on the top of xBlock which I have currently fixed with few tweaks in the CSS/HTML in padding & font size.

Could you take a look at the screenshots that have been added to the description and let me know what you'd think?

[pdpinch]

Thanks @arslanashraf7. The screenshots look OK to me.