Add usewebsocket, basic states for closed channel, open channel, and transition states

Author: chiaryan

apps/frontend/.env.example

@@ -1,3 +1,4 @@
 # URL endpoints of the services
 NEXT_PUBLIC_QUESTION_SERVICE_URL="http://localhost:8080/"
-NEXT_PUBLIC_USER_SERVICE_URL="http://localhost:3001/"
+NEXT_PUBLIC_USER_SERVICE_URL="http://localhost:3001/"
+NEXT_PUBLIC_MATCHING_SERVICE_URL="wss://localhost:8081"

apps/frontend/README.md

@@ -25,6 +25,7 @@ Then, follow the `.env.example` file and create a `.env` file in the current dir
 ```bash
 NEXT_PUBLIC_QUESTION_SERVICE_URL="http://localhost:8080"
 NEXT_PUBLIC_USER_SERVICE_URL="http://localhost:3001/"
+NEXT_PUBLIC_MATCHING_SERVICE_URL="wss://localhost:8081"
 ```
 
 First, run the development server:

apps/frontend/package.json

@@ -16,6 +16,7 @@
     "next": "14.2.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-use-websocket": "^4.9.0",
     "sass": "^1.79.2"
   },
   "devDependencies": {