feat: Implement Collaboration Page

[bensohh]

Implemented a Collaboration Page based on the route http://localhost:3000/collaboration/{matchId}

• Utilise localstorage to pass matching information between pages (another method is passing through the url query parameters which is less ideal)
• Implemented a simple signalling server in nodejs to handle the webrtc connections based on the example provided by yjs (Note: Remember to run this server first before testing collaboration feature)
• Update local frontend .env variables to include signalling server
• auto language detection works? (For python, go and javascript) but it is not the best implementation due to codemirror's limitation
• Revamp the collaboration page to a cleaner ui/scss classnames

@solomonng2001 Can check out the TODOs under the following files:

• apps/frontend/src/app/collaboration/[id]
• apps/frontend/src/matching
  p.s: Some of the task might need to check with @tituschewxj on his PR merge for the match_found JSON changes
• Wrap the end session in collaboration page to a modal to double confirm if user wants to quit/end session

Additional things to do:

• Cleaning up signalling service (possibly linking with history service?)
• Dockerizing signalling service
• Making POST request for user session data
• ...

[solomonng2001]

@bensohh the collaboration looks great. Just 2 points

• Noticed that the duration timer is not implemented yet
• When one of the users ends the collaboration session, the session is not terminated for the other user

[solomonng2001]

@bensohh the collaboration looks great. Just 2 points

• Noticed that the duration timer is not implemented yet
• When one of the users ends the collaboration session, the session is not terminated for the other user

@bensohh noted that the 2 points highlighted are TODOs

[solomonng2001]

LGTM