fix(start): better mobile responsiveness + remove clipping

[JamesyJi]

The main issue was with the ConnectView page overflowing due to no responsiveness on the icons. This was a problem because the way we animate smoothly between the pages is by transformX 100% and so one page overflowing results in issues for the other pages

Welcome

Connect

Advice

Enrolment

Events

Yes this one is a bit doomed but we'll make another PR for that

[lhjt]

Can you resolve this issue as well thanks (as in the button being clipped and I believe it also just stays there when you scroll)

The discord logo is also clipped

[JamesyJi]

#328 (review)

@lhjt
Button Issue

Clipping Issue

[lhjt]

Adjust the padding of the website icon so that it isn't directly touching the border of the webpage. Try and make it consistent (it's on the left on desktop, but right on mobile?) when hovering over it, the size increases to large and awkwardly such that it is clipped by the border of the page.

[JamesyJi]

Adjust the padding of the website icon so that it isn't directly touching the border of the webpage. Try and make it consistent (it's on the left on desktop, but right on mobile?) when hovering over it, the size increases to large and awkwardly such that it is clipped by the border of the page.

I think this is part of the overall website, not the start section so we can make another PR for that