Simplify websocket hooks initialization

[codeofmochi]

Update: after discussion we can actually both respect the rules of hooks and reduce the boiler plate, by simply considering the enableWebsocket && websocketClient from within the deepest hook itself instead of at configuration or call time. Since we can capture the configuration value from within the closure of the hook function, there is no need for additional checks at call site.

I.e.

// this is wrong
const wsHooks = enableWebsocket && websocketClient ? configureFooHooks() : undefined;
useFoo() {
    wsHooks?.useFooUpdates() // <-- ! rules of hooks
}
configureFooHooks() {
   return {
     useFooUpdates: () => { ... implementation }
   }
}

// this is verbose
const { useFooUpdates } = configureFooHooks()
useFoo() {
   useFooUpdates()
}
configureFooHooks(client) {
   if (!client) return {
     useFooUpdates: () => { /* no-op hook */ }
   } else return {
     useFooUpdates: () => { ... implementation }
   }
}

// this is correct
const { useFooUpdates } = configureFooHooks()
useFoo() {
   useFooUpdates()
}
configureFooHooks(client) {
   return {
       useFooUpdates() { // <-- single definition
           useEffect() {
               if (!client || !wsEnabled) return;    // <-- call stack is preserved so no rules of hooks violation
               else // ... implementation
           }
           ...
       }
   }
}

Originally posted by @dialexo in graasp/graasp-apps-query-client#142 (comment)