nsc-events-nextjs_9_509-responsive-ui-for-event-detail-page

[heosman]

Resolves #509

This PR implements responsive design for the Event Detail page (up to the smallest mobile screen, which is 320 px). There was a lot that need to be adjusted with the structure of the page, buttons, and the arrow icons. I also enabled scrolling in the event card, which is useful for events with longer descriptions, and other fields.

Event Detail page on a desktop/laptop screen:

Event Detail page on a tablet screen (768 px width, using dev tools):

Event Detail page on a mobile screen (375 px width, using dev tools):

[MuhammadNSC]

Using the dev tools i toggle between the different devices screen modes and it works well. The page should display properly on all different size screens.