Update docs for create graphql subscriptions on client side ( react )

### Version Information

Server Version: v2.7.0-cloud.1
CLI Version (for CLI related issue): Not Using

### Environment

### What is the expected behaviour?

The documentation should be working and updated .

### Keywords

### What is the current behaviour?

I have been following docs 📄 for setting up graphql subscription on client side ( react ) from [here](https://hasura.io/learn/graphql/react/subscriptions/3-create-subscription/) . The `WebSocketLink` import from `@apollo/client/link/ws` is not working . It gives error `Unable to find native implementation, or alternative implementation for WebSocket!` .

### How to reproduce the issue?

1. Follow the documentation from [here]( https://www.apollographql.com/docs/react/data/subscriptions/ )

### Screenshots or Screencast

### Please provide any traces or logs that could help here.

### Any possible solutions?

### Can you identify the location in the source code where the problem exists?

### If the bug is confirmed, would you be willing to submit a PR?

Start with the linked Hasura Learn and Apollo React subscription pages, then reproduce the reported WebSocketLink import error using the documented setup. Update the relevant client-side React subscription instructions so the example works with the current dependencies, and verify that the documented setup no longer produces the reported error.

Written by the indexing model from the issue text.