refactor: update loading styles and introduce faint gradient variables

app/src/modules/collaboration/collabCams.tsx

@@ -147,6 +147,7 @@ const CamModelsGroup = () => {
       const filteredData = data.cameraDatas.filter(
         (camera: any) => camera.userData.email !== email
       );
+      let a:any = [];
       if (filteredData.length > 0) {
         loader.load(camModel, (gltf) => {
           const newCams = filteredData.map((cam: any) => {
@@ -163,11 +164,10 @@ const CamModelsGroup = () => {
               cam.rotation.z
             );
             newModel.userData = cam.userData;
-            if (!activeUsers.includes(cam.userData)) {
-              setActiveUsers([...activeUsers, cam.userData]);
-            }
+            a.push(cam.userData);
             return newModel;
           });
+          setActiveUsers(a);
           setCams((prev) => [...prev, ...newCams]);
         });
       }