Add React hooks calls and integration tests for real-time updates (#88)

[codeofmochi]

Implement #88

• Imports and applies hooks from query-config (Add WebSocket client and React hooks for real-time content updates graasp-query-client#11)
• Add Cypress tests for real-time behaviours
• ⚠️ before merging, merge Add WebSocket client and React hooks for real-time content updates graasp-query-client#11 first and edit package.json to point to master branch of https://github.com/graasp/graasp-query-client

Related:

• Integrate graasp-websockets in graasp-compose #88
• Add WebSocket client and React hooks for real-time content updates graasp-query-client#11
• Register graasp-websockets plugin in core instance graasp#39

[pyphilia]

🔥

[pyphilia]

🔥

[codeofmochi]

Regarding #118 (comment)

The goal will be to use https://github.com/graasp/graasp-websockets/blob/master/src/interfaces/constants.ts when the codebase of this repo will be switched to TypeScript. Since only service-api is compiled to JS in the dist bundle of graasp-websockets when installed, exported constants are not visible: it compiles to the following

__exportStar(require("./interfaces/constants"), exports);
__exportStar(require("./interfaces/message"), exports);

However "./interfaces/constants" and "./interfaces/message" are not compiled in the local node_modules, thus the constants simply do not exist and are not exported to be consumed. We could find a way to force the compilation from graasp-websockets side but this would imply a non-standard build with an additional step somewhere.

Since this issue only involves tests, it will be much easier to use these constants directly from Typescript when graasp-compose will be rewritten, and there will be no issue since the compiler will simply consume the constants source in TS.