Add: join consultation request in the JoinConsultation backdrop

src/backdrops/JoinConsultation/JoinConsultation.jsx

@@ -4,7 +4,11 @@ import { toast } from "react-toastify";
 import { useNavigate } from "react-router-dom";
 
 import { Backdrop, ButtonSelector } from "@USupport-components-library/src";
-import { messageSvc, videoSvc } from "@USupport-components-library/services";
+import {
+  messageSvc,
+  videoSvc,
+  providerSvc,
+} from "@USupport-components-library/services";
 
 import "./join-consultation.scss";
 
@@ -35,10 +39,16 @@ export const JoinConsultation = ({ isOpen, onClose, consultation }) => {
       consultation.consultationId
     );
 
+    const joinConsultationPromise = providerSvc.joinConsultation({
+      consultationId: consultation.consultationId,
+      userType: "client",
+    });
+
     try {
       const result = await Promise.all([
         systemMessagePromise,
         getConsultationTokenPromise,
+        joinConsultationPromise,
       ]);
       const token = result[1].data.token;