diff --git a/backend/src/httpServer.ts b/backend/src/httpServer.ts
index c6f196d9..23288624 100644
--- a/backend/src/httpServer.ts
+++ b/backend/src/httpServer.ts
@@ -16,4 +16,4 @@ importInitialData().then((res) => console.log(res));
 app.use("/users", usersRouter);
 app.use("/auth", authRouter);
 app.use("/chat", chatRouter);
-app.use("/room", roomRouter);
\ No newline at end of file
+app.use("/room", roomRouter);
diff --git a/backend/src/routes/roomRoute.ts b/backend/src/routes/roomRoute.ts
index d5d2abfd..419e1ddd 100644
--- a/backend/src/routes/roomRoute.ts
+++ b/backend/src/routes/roomRoute.ts
@@ -4,64 +4,72 @@ import driver from "../driver/driver";
 const roomRouter = Router();
 
 roomRouter.get("/:userId", async (req, res) => {
-    try {
-        const userId = req.params.userId;
-        const session = driver.session();
-        const roomsQuery = await session.run(`
+  try {
+    const userId = req.params.userId;
+    const session = driver.session();
+    const roomsQuery = await session.run(
+      `
             MATCH (room:Room)-[:INVITED]-(u:User {id: $userId})
             RETURN room
-        `, {userId});
-        await session.close();
-        const rooms = roomsQuery.records.map((record) => record.get("room").properties).map(record => ({
-            ...record,
-            title: "Join meeting",
-        }));
-        return res.json({status: "ok", rooms});
-    } catch (err) {
-        console.log("Error:", err);
-        return res.status(404).json({ status: "error", errors: err as object });
-    }
+        `,
+      { userId },
+    );
+    await session.close();
+    const rooms = roomsQuery.records
+      .map((record) => record.get("room").properties)
+      .map((record) => ({
+        ...record,
+        title: "Join meeting",
+      }));
+    return res.json({ status: "ok", rooms });
+  } catch (err) {
+    console.log("Error:", err);
+    return res.status(404).json({ status: "error", errors: err as object });
+  }
 });
 
 roomRouter.post("/", async (req, res) => {
-    try {
-        const newRoomProps = req.body;
-        const {roomId, from, to} = newRoomProps;
-        const session = driver.session();
-        const areFriends = await isFriend(session, from, to);
-        if (!areFriends) {
-            await session.close();
-            return res
-                .status(400)
-                .json({ status: "error", errors: { id: "no friends" } });
-        }
-        await session.run(`CREATE (r: Room $room)`, {room: newRoomProps});
-        await session.run(`
+  try {
+    const newRoomProps = req.body;
+    const { roomId, from, to } = newRoomProps;
+    const session = driver.session();
+    const areFriends = await isFriend(session, from, to);
+    if (!areFriends) {
+      await session.close();
+      return res
+        .status(400)
+        .json({ status: "error", errors: { id: "no friends" } });
+    }
+    await session.run(`CREATE (r: Room $room)`, { room: newRoomProps });
+    await session.run(
+      `
             MATCH (u:User {id: $userId})
             MATCH (r:Room {roomId: $roomId})
             CREATE (r)-[:INVITED]->(u)
-        `, {userId: to, roomId});
-        await session.close();
-        return res.json({status: "ok"});
-    } catch (err) {
-        console.log("Error:", err);
-        return res.status(404).json({ status: "error", errors: err as object });
-    }
+        `,
+      { userId: to, roomId },
+    );
+    await session.close();
+    return res.json({ status: "ok" });
+  } catch (err) {
+    console.log("Error:", err);
+    return res.status(404).json({ status: "error", errors: err as object });
+  }
 });
 
-
 roomRouter.delete("/:roomId", async (req, res) => {
-    try {
-        const roomId = req.params.roomId;
-        const session = driver.session();
-        await session.run(`MATCH (r:Room {roomId: $roomId}) DETACH DELETE r`, {roomId});
-        await session.close();
-        return res.json({status: "ok"});
-    } catch (err) {
-        console.log("Error:", err);
-        return res.status(404).json({ status: "error", errors: err as object });
-    }
+  try {
+    const roomId = req.params.roomId;
+    const session = driver.session();
+    await session.run(`MATCH (r:Room {roomId: $roomId}) DETACH DELETE r`, {
+      roomId,
+    });
+    await session.close();
+    return res.json({ status: "ok" });
+  } catch (err) {
+    console.log("Error:", err);
+    return res.status(404).json({ status: "error", errors: err as object });
+  }
 });
 
-
-export default roomRouter;
\ No newline at end of file
+export default roomRouter;
diff --git a/backend/src/socketServer.ts b/backend/src/socketServer.ts
index 28485384..b9544ff4 100644
--- a/backend/src/socketServer.ts
+++ b/backend/src/socketServer.ts
@@ -143,28 +143,30 @@ io.on("connection", async (socket: Socket) => {
     });
   });
 
-  socket.on("newRoom", async ({roomId, from, to, userName}) => {
+  socket.on("newRoom", async ({ roomId, from, to, userName }) => {
     await socket.join(roomId);
     const session = driver.session();
     const userSockets = await getAllSockets(session, to);
-    userSockets.forEach(userSocket => {
+    userSockets.forEach((userSocket) => {
       socket.to(userSocket.id).emit("newRoom", {
         from,
         roomId,
         title: "Join room",
         to,
-        userName
+        userName,
       });
     });
     await session.close();
   });
 
-  socket.on("joinRoom", async ({roomId, peerId, userId, fullName}) => {
+  socket.on("joinRoom", async ({ roomId, peerId, userId, fullName }) => {
     await socket.join(roomId);
-    socket.to(roomId).emit("userConnected", {peerId, userId, fullName, socketId: socket.id});
+    socket
+      .to(roomId)
+      .emit("userConnected", { peerId, userId, fullName, socketId: socket.id });
   });
 
-  socket.on("leftRoom", async ({userId, roomId}) => {
+  socket.on("leftRoom", async ({ userId, roomId }) => {
     await socket.join(roomId);
     socket.to(roomId).emit("leftRoom", userId);
   });
diff --git a/frontend/src/components/Notification.tsx b/frontend/src/components/Notification.tsx
index 697442ca..ea16af3b 100644
--- a/frontend/src/components/Notification.tsx
+++ b/frontend/src/components/Notification.tsx
@@ -2,28 +2,32 @@ import RoomNotification from "../models/RoomNotification";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faTrash, faVideo } from "@fortawesome/free-solid-svg-icons";
 interface NotificationProps {
-    roomNotification: RoomNotification;
-    handleRoomInvite: (id: string) => void;
-    declineInvite: (id: string) => void;
+  roomNotification: RoomNotification;
+  handleRoomInvite: (id: string) => void;
+  declineInvite: (id: string) => void;
 }
-function Notification({roomNotification, handleRoomInvite, declineInvite}: NotificationProps) {
-    return (
-        <div className="bg-my-light-dark p-3 text-xl rounded-2xl font-normal flex items-center gap-x-10">
-            {roomNotification.userName} has invited you to meeting
-            <button 
-                onClick={() => handleRoomInvite(roomNotification.roomId)} 
-                className="btn small bg-my-green flex gap-x-4"
-            >
-                <FontAwesomeIcon icon={faVideo} />
-                Accept
-            </button>
-            <button 
-                onClick={() => declineInvite(roomNotification.roomId)} 
-                className="btn bg-my-red small flex justify-center items-center"
-            >
-                <FontAwesomeIcon icon={faTrash} />
-            </button>
-        </div>
-    )
+function Notification({
+  roomNotification,
+  handleRoomInvite,
+  declineInvite,
+}: NotificationProps) {
+  return (
+    <div className="bg-my-light-dark p-3 text-xl rounded-2xl font-normal flex items-center gap-x-10">
+      {roomNotification.userName} has invited you to meeting
+      <button
+        onClick={() => handleRoomInvite(roomNotification.roomId)}
+        className="btn small bg-my-green flex gap-x-4"
+      >
+        <FontAwesomeIcon icon={faVideo} />
+        Accept
+      </button>
+      <button
+        onClick={() => declineInvite(roomNotification.roomId)}
+        className="btn bg-my-red small flex justify-center items-center"
+      >
+        <FontAwesomeIcon icon={faTrash} />
+      </button>
+    </div>
+  );
 }
-export default Notification;
\ No newline at end of file
+export default Notification;
diff --git a/frontend/src/components/PeerInvite.tsx b/frontend/src/components/PeerInvite.tsx
index 5cb1a42c..2e6d39a6 100644
--- a/frontend/src/components/PeerInvite.tsx
+++ b/frontend/src/components/PeerInvite.tsx
@@ -1,36 +1,35 @@
 import User from "../models/User";
 
 export interface PeerInviteProps {
-    friend: User;
-    inviteFriendToRoom: (id: string) => void;
+  friend: User;
+  inviteFriendToRoom: (id: string) => void;
 }
-  
-function PeerInvite({friend, inviteFriendToRoom}: PeerInviteProps) {
-    return (
-      <li className="flex flex-row justify-center gap-4">
-        <img
-          src={friend.profile_picture}
-          className="rounded-full w-14 h-14 border-my-orange border-2 object-cover"
-        />
-        <div className="flex flex-col justify-evenly items-center gap-2">
-          <p className="font-semibold">
-            <span className="">
-              {" "}
-              {friend.first_name} {friend.last_name}{" "}
-            </span>
-          </p>
-          <div className="flex flex-col xl:flex-row">
-            <button
-              className={`btn small bg-my-green text-xs`}
-              onClick={() => inviteFriendToRoom(friend.id)}
-            >
-              invite
-            </button>
-          </div>
+
+function PeerInvite({ friend, inviteFriendToRoom }: PeerInviteProps) {
+  return (
+    <li className="flex flex-row justify-center gap-4">
+      <img
+        src={friend.profile_picture}
+        className="rounded-full w-14 h-14 border-my-orange border-2 object-cover"
+      />
+      <div className="flex flex-col justify-evenly items-center gap-2">
+        <p className="font-semibold">
+          <span className="">
+            {" "}
+            {friend.first_name} {friend.last_name}{" "}
+          </span>
+        </p>
+        <div className="flex flex-col xl:flex-row">
+          <button
+            className={`btn small bg-my-green text-xs`}
+            onClick={() => inviteFriendToRoom(friend.id)}
+          >
+            invite
+          </button>
         </div>
-      </li>
-    );
-  }
-  
+      </div>
+    </li>
+  );
+}
+
 export default PeerInvite;
-  
\ No newline at end of file
diff --git a/frontend/src/components/RoomPeerVideo.tsx b/frontend/src/components/RoomPeerVideo.tsx
index 1b9c03bb..c4711545 100644
--- a/frontend/src/components/RoomPeerVideo.tsx
+++ b/frontend/src/components/RoomPeerVideo.tsx
@@ -1,32 +1,34 @@
 import { useEffect, useRef, useState } from "react";
 import dataService from "../services/data";
 interface RoomPeerVideoProps {
-    remoteStream: MediaStream;
-    peerId: string;
+  remoteStream: MediaStream;
+  peerId: string;
 }
-function RoomPeerVideo({remoteStream, peerId}: RoomPeerVideoProps) {
-    const remoteRef = useRef<HTMLVideoElement>(null);
-    const [name, setName] = useState("");
-    const fetchFullName = async () => {
-        const fullNameRequest = await dataService.fetchData(`/users/${peerId}/name`, "GET", {});
-        const fullName = fullNameRequest.fullName;
-        setName(fullName);
+function RoomPeerVideo({ remoteStream, peerId }: RoomPeerVideoProps) {
+  const remoteRef = useRef<HTMLVideoElement>(null);
+  const [name, setName] = useState("");
+  const fetchFullName = async () => {
+    const fullNameRequest = await dataService.fetchData(
+      `/users/${peerId}/name`,
+      "GET",
+      {},
+    );
+    const fullName = fullNameRequest.fullName;
+    setName(fullName);
+  };
+  useEffect(() => {
+    if (remoteStream) {
+      remoteRef.current!.srcObject = remoteStream;
+      remoteRef.current!.play();
     }
-    useEffect(() => {
-        if (remoteStream) {
-            remoteRef.current!.srcObject = remoteStream;
-            remoteRef.current!.play();
-        }
-        fetchFullName();
-    }, []);
-    return (
-        <div className="flex flex-col items-center gap-4">
-            <video
-                ref={remoteRef}
-            ></video>
-            <div>{name}</div>
-        </div>
-    )
+    fetchFullName();
+  }, []);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <video ref={remoteRef}></video>
+      <div>{name}</div>
+    </div>
+  );
 }
 
-export default RoomPeerVideo;
\ No newline at end of file
+export default RoomPeerVideo;
diff --git a/frontend/src/media/fetchUserMedia.ts b/frontend/src/media/fetchUserMedia.ts
index cf639bea..8eb24608 100644
--- a/frontend/src/media/fetchUserMedia.ts
+++ b/frontend/src/media/fetchUserMedia.ts
@@ -1,9 +1,9 @@
 async function fetchUserMedia() {
-    const localStream = await navigator.mediaDevices.getUserMedia({
-        video: true,
-        audio: true
-    });
-    return localStream;
+  const localStream = await navigator.mediaDevices.getUserMedia({
+    video: true,
+    audio: true,
+  });
+  return localStream;
 }
 
-export default fetchUserMedia;
\ No newline at end of file
+export default fetchUserMedia;
diff --git a/frontend/src/models/RoomNotification.ts b/frontend/src/models/RoomNotification.ts
index 8fb7657e..fcdea96a 100644
--- a/frontend/src/models/RoomNotification.ts
+++ b/frontend/src/models/RoomNotification.ts
@@ -1,8 +1,8 @@
 interface RoomNotification {
-    from: string; 
-    roomId: string;
-    title: string;
-    to: string;
-    userName: string;
+  from: string;
+  roomId: string;
+  title: string;
+  to: string;
+  userName: string;
 }
-export default RoomNotification;
\ No newline at end of file
+export default RoomNotification;
diff --git a/frontend/src/models/RoomPeer.ts b/frontend/src/models/RoomPeer.ts
index 31d77813..834d8b7e 100644
--- a/frontend/src/models/RoomPeer.ts
+++ b/frontend/src/models/RoomPeer.ts
@@ -1,6 +1,6 @@
 interface RoomPeer {
-    peerId?: string;
-    stream: MediaStream;
-    fullName?: string;
+  peerId?: string;
+  stream: MediaStream;
+  fullName?: string;
 }
-export default RoomPeer;
\ No newline at end of file
+export default RoomPeer;
diff --git a/frontend/src/pages/FriendsPage.tsx b/frontend/src/pages/FriendsPage.tsx
index aa4c0247..f98549f1 100644
--- a/frontend/src/pages/FriendsPage.tsx
+++ b/frontend/src/pages/FriendsPage.tsx
@@ -20,7 +20,7 @@ import { v4 } from "uuid";
 
 function FriendsPage() {
   const navigate = useNavigate();
-  
+
   const { user, meeting, createMeeting, joinMeeting } = useUser();
 
   const friends: User[] = useSelector((state: RootState) => state.friends);
@@ -106,7 +106,7 @@ function FriendsPage() {
   const createRoom = () => {
     const roomId = v4();
     navigate(`/room/${roomId}`);
-  }
+  };
 
   useEffect(() => {
     if (meeting?.id) {
diff --git a/frontend/src/pages/NotificationsPage.tsx b/frontend/src/pages/NotificationsPage.tsx
index 18d420cd..0b03029f 100644
--- a/frontend/src/pages/NotificationsPage.tsx
+++ b/frontend/src/pages/NotificationsPage.tsx
@@ -10,38 +10,41 @@ import Peer from "peerjs";
 import Notification from "../components/Notification";
 import deleteNotification from "../redux/actions/deleteNotification";
 function NotificationsPage() {
-    const {socket, userId, user} = useUser();
-    const navigate = useNavigate();
-    const dispatch = useDispatch();
-    const roomNotifications: RoomNotification[] = useSelector((state: RootState) => state.notifications);
-    const peer: Peer = useSelector((state: RootState) => state.peer);
-    const handleRoomInvite = async (roomId: string) => {
-        await dataService.fetchData(`/room/${roomId}`, "DELETE", {});
-        const fullName = `${user?.first_name} ${user?.last_name}`;
-        socket?.emit("joinRoom", {roomId, peerId: peer.id, userId, fullName});
-        navigate(`/room/${roomId}`);
-    } 
+  const { socket, userId, user } = useUser();
+  const navigate = useNavigate();
+  const dispatch = useDispatch();
+  const roomNotifications: RoomNotification[] = useSelector(
+    (state: RootState) => state.notifications,
+  );
+  const peer: Peer = useSelector((state: RootState) => state.peer);
+  const handleRoomInvite = async (roomId: string) => {
+    await dataService.fetchData(`/room/${roomId}`, "DELETE", {});
+    const fullName = `${user?.first_name} ${user?.last_name}`;
+    socket?.emit("joinRoom", { roomId, peerId: peer.id, userId, fullName });
+    navigate(`/room/${roomId}`);
+  };
 
-    const declineInvite = (inviteId: string) => {
-        dispatch(deleteNotification(inviteId));
-    }
-    
-    return (
-        <>
-            <Navbar />
-            <div className="flex flex-col gap-y-3 p-3">
-                {roomNotifications.length > 0 ? 
-                roomNotifications.map(notification => 
-                    <Notification 
-                        key={notification.roomId} 
-                        roomNotification={notification} 
-                        handleRoomInvite={handleRoomInvite} 
-                        declineInvite={declineInvite}
-                    />) 
-                : null}
-            </div>
-            <Footer />
-        </>
-    )
+  const declineInvite = (inviteId: string) => {
+    dispatch(deleteNotification(inviteId));
+  };
+
+  return (
+    <>
+      <Navbar />
+      <div className="flex flex-col gap-y-3 p-3">
+        {roomNotifications.length > 0
+          ? roomNotifications.map((notification) => (
+              <Notification
+                key={notification.roomId}
+                roomNotification={notification}
+                handleRoomInvite={handleRoomInvite}
+                declineInvite={declineInvite}
+              />
+            ))
+          : null}
+      </div>
+      <Footer />
+    </>
+  );
 }
-export default NotificationsPage;
\ No newline at end of file
+export default NotificationsPage;
diff --git a/frontend/src/pages/ProfilePage.tsx b/frontend/src/pages/ProfilePage.tsx
index 5b550e6f..8375a691 100644
--- a/frontend/src/pages/ProfilePage.tsx
+++ b/frontend/src/pages/ProfilePage.tsx
@@ -24,9 +24,13 @@ function ProfilePage() {
     navigate("/edit");
   };
   const fetchNotifications = async () => {
-    const roomNotificationsRequest = await dataService.fetchData(`/room/${userId}`, "GET", {});
+    const roomNotificationsRequest = await dataService.fetchData(
+      `/room/${userId}`,
+      "GET",
+      {},
+    );
     dispatch(setNotifications(roomNotificationsRequest.rooms));
-  }
+  };
 
   useEffect(() => {
     setShowAnim(true);
diff --git a/frontend/src/pages/RoomCallPage.tsx b/frontend/src/pages/RoomCallPage.tsx
index d7e568ad..5cf1f591 100644
--- a/frontend/src/pages/RoomCallPage.tsx
+++ b/frontend/src/pages/RoomCallPage.tsx
@@ -14,178 +14,200 @@ import RoomPeer from "../models/RoomPeer";
 import PeerInvite from "../components/PeerInvite";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
-    faPhoneSlash,
-    faMicrophone,
-    faMicrophoneSlash,
-    faVideo,
-    faVideoSlash,
-  } from "@fortawesome/free-solid-svg-icons";
+  faPhoneSlash,
+  faMicrophone,
+  faMicrophoneSlash,
+  faVideo,
+  faVideoSlash,
+} from "@fortawesome/free-solid-svg-icons";
 function RoomCallPage() {
-    const localRef = useRef<HTMLVideoElement>(null);
-    const peer: Peer = useSelector((state: RootState) => state.peer);
-    const [localStream, setLocalStream] = useState<MediaStream | null>(null);
-    const [roomPeers, setRoomPeers] = useState<{[key: string]: RoomPeer}>({});
-    const [isAudio, setIsAudio] = useState(true);
-    const [isVideo, setIsVideo] = useState(true);
-    const friends: User[] = useSelector((state: RootState) => state.friends);
-    const {socket, userId, user} = useUser();
-    const params = useParams();
-    const navigate = useNavigate();
-    const roomId = params.roomId;
-    peer.on("call", async (call) => {
-        if (localStream) {
-            call.answer(localStream);
-        } else {
-            const stream = await fetchUserMedia();
-            setLocalStream(stream);
-            call.answer(stream);
-        }
-        call.on("stream", (remoteStream: MediaStream) => {
-            const peerId = call.peer;
-            const newPeerObj: {[key: string]: RoomPeer} = {};
-            newPeerObj[peerId] = {stream: remoteStream}
-            setRoomPeers(prev => ({...prev, ...newPeerObj}));
-        });
-    });
-    const connectToNewUser = (newPeerId: string, stream: MediaStream) => {
-        const call = peer.call(newPeerId, stream);
-        call.on("stream", (remoteStream: MediaStream) => {
-            const peerId = newPeerId;
-            const newPeerObj: {[key: string]: RoomPeer} = {};
-            newPeerObj[peerId] = {stream: remoteStream};
-            setRoomPeers(prev => ({...prev, ...newPeerObj}));
-        });
+  const localRef = useRef<HTMLVideoElement>(null);
+  const peer: Peer = useSelector((state: RootState) => state.peer);
+  const [localStream, setLocalStream] = useState<MediaStream | null>(null);
+  const [roomPeers, setRoomPeers] = useState<{ [key: string]: RoomPeer }>({});
+  const [isAudio, setIsAudio] = useState(true);
+  const [isVideo, setIsVideo] = useState(true);
+  const friends: User[] = useSelector((state: RootState) => state.friends);
+  const { socket, userId, user } = useUser();
+  const params = useParams();
+  const navigate = useNavigate();
+  const roomId = params.roomId;
+  peer.on("call", async (call) => {
+    if (localStream) {
+      call.answer(localStream);
+    } else {
+      const stream = await fetchUserMedia();
+      setLocalStream(stream);
+      call.answer(stream);
     }
-    
-    const prepareWebRTC = async () => {
-        const stream = await fetchUserMedia();
-        setLocalStream(stream);
-        socket?.on("userConnected", ({peerId}) => {
-            connectToNewUser(peerId, stream);
-        });
-        socket?.on("leftRoom", (id) => {
-            setRoomPeers(prev => Object.fromEntries(
-                Object.entries(prev).filter(elem => {
-                    const [peerId, _peer] = elem;
-                    return peerId !== id;
-                })
-            ));
-        });
+    call.on("stream", (remoteStream: MediaStream) => {
+      const peerId = call.peer;
+      const newPeerObj: { [key: string]: RoomPeer } = {};
+      newPeerObj[peerId] = { stream: remoteStream };
+      setRoomPeers((prev) => ({ ...prev, ...newPeerObj }));
+    });
+  });
+  const connectToNewUser = (newPeerId: string, stream: MediaStream) => {
+    const call = peer.call(newPeerId, stream);
+    call.on("stream", (remoteStream: MediaStream) => {
+      const peerId = newPeerId;
+      const newPeerObj: { [key: string]: RoomPeer } = {};
+      newPeerObj[peerId] = { stream: remoteStream };
+      setRoomPeers((prev) => ({ ...prev, ...newPeerObj }));
+    });
+  };
+
+  const prepareWebRTC = async () => {
+    const stream = await fetchUserMedia();
+    setLocalStream(stream);
+    socket?.on("userConnected", ({ peerId }) => {
+      connectToNewUser(peerId, stream);
+    });
+    socket?.on("leftRoom", (id) => {
+      setRoomPeers((prev) =>
+        Object.fromEntries(
+          Object.entries(prev).filter((elem) => {
+            const [peerId, _peer] = elem;
+            return peerId !== id;
+          }),
+        ),
+      );
+    });
+  };
+
+  const startStopAudio = async () => {
+    if (localStream) {
+      const tracks = localStream.getAudioTracks();
+      if (isAudio) {
+        setIsAudio(false);
+        tracks.forEach((track) => (track.enabled = false));
+      } else {
+        setIsAudio(true);
+        tracks.forEach((track) => (track.enabled = true));
+      }
     }
-    
-    const startStopAudio = async () => {
-        if (localStream) {
-            const tracks = localStream.getAudioTracks();
-            if (isAudio) {
-                setIsAudio(false);
-                tracks.forEach((track) => (track.enabled = false));
-            } else {
-                setIsAudio(true);
-                tracks.forEach((track) => (track.enabled = true));
-            }
-        }
-    } 
+  };
 
-    const startStopVideo = async () => {
-        if (localStream) {
-            const tracks = localStream.getVideoTracks();
-            if (isVideo) {
-                setIsVideo(false);
-                tracks.forEach((track) => (track.enabled = false));
-            } else {
-                setIsVideo(true);
-                tracks.forEach((track) => (track.enabled = true));
-            }
-        }
-    } 
+  const startStopVideo = async () => {
+    if (localStream) {
+      const tracks = localStream.getVideoTracks();
+      if (isVideo) {
+        setIsVideo(false);
+        tracks.forEach((track) => (track.enabled = false));
+      } else {
+        setIsVideo(true);
+        tracks.forEach((track) => (track.enabled = true));
+      }
+    }
+  };
 
-    const handleLeaveMeeting = () => {
-        if (localRef.current) {
-            (localRef.current.srcObject as MediaStream)
-            .getTracks().forEach((track) => {
-                track.stop();
-            });
-            socket?.emit("leftRoom", {roomId, userId});
-            navigate("/friends");
-        }
+  const handleLeaveMeeting = () => {
+    if (localRef.current) {
+      (localRef.current.srcObject as MediaStream)
+        .getTracks()
+        .forEach((track) => {
+          track.stop();
+        });
+      socket?.emit("leftRoom", { roomId, userId });
+      navigate("/friends");
     }
+  };
+
+  const inviteFriendToRoom = async (friendId: string) => {
+    const myFullName = `${user?.first_name} ${user?.last_name}`;
+    await dataService.fetchData("/room", "POST", {
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        roomId,
+        from: userId,
+        to: friendId,
+        userName: myFullName,
+      }),
+    });
+    socket?.emit("newRoom", {
+      roomId,
+      from: userId,
+      to: friendId,
+      userName: myFullName,
+    });
+  };
 
-    const inviteFriendToRoom = async (friendId: string) => {
-        const myFullName = `${user?.first_name} ${user?.last_name}`;
-        await dataService.fetchData("/room", "POST", {headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-            roomId,
-            from: userId, 
-            to: friendId, 
-            userName: myFullName
-        }),});
-        socket?.emit("newRoom", {roomId, from: userId, to: friendId, userName: myFullName});
+  useEffect(() => {
+    prepareWebRTC();
+  }, []);
+  useEffect(() => {
+    if (localRef.current && localStream) {
+      localRef.current.srcObject = localStream;
+      localRef.current.play();
     }
+  }, [localRef.current, localStream]);
 
-    useEffect(() => {
-        prepareWebRTC();
-    }, []);
-    useEffect(() => {
-        if (localRef.current && localStream) {
-            localRef.current.srcObject = localStream;
-            localRef.current.play();
-        }
-    }, [localRef.current, localStream]);
-    
-    return (
-        <>
-            <Navbar />
-            {localStream ? <main>
-                <div className="flex justify-center p-2">
-                    <button className="btn p-6" onClick={() => startStopAudio()}>
-                        {isAudio ? (
-                            <FontAwesomeIcon icon={faMicrophone} />
-                        ) : (
-                            <FontAwesomeIcon icon={faMicrophoneSlash} />
-                        )}
-                    </button>
-                        <button className="btn p-6" onClick={() => startStopVideo()}>
-                            {isVideo ? (
-                                <FontAwesomeIcon icon={faVideo} />
-                            ) : (
-                                <FontAwesomeIcon icon={faVideoSlash} />
-                            )}
-                        </button>
-                        <button
-                            onClick={() => handleLeaveMeeting()}
-                            className="btn bg-my-red p-6"
-                        >
-                            <FontAwesomeIcon icon={faPhoneSlash}></FontAwesomeIcon>
-                        </button>
-                </div> 
-                <div className="flex p-5">
-                    <section className="flex-3 grid p-3 grid-cols-3 gap-2">
-                        <div className="flex flex-col items-center gap-4">
-                            <video 
-                                ref={localRef}
-                            ></video>
-                            <div>{`${user?.first_name} ${user?.last_name}`}</div>
-                        </div>
-                        {Object.entries(roomPeers).map((roomPeer) => {
-                            const [id, peer] = roomPeer;
-                            return <RoomPeerVideo key={id} remoteStream={peer.stream} peerId={id}  />
-                        })}
-                    </section>
-                    <section className="flex-1 flex flex-col p-10 gap-10 rounded-xl bg-my-dark">
-                        <h1 className="text-center text-3xl font-bold">Invite</h1>
-                        <ul className="flex flex-col gap-5">
-                            {friends.filter(friend => !(friend.id in roomPeers)).map(friend => 
-                               <PeerInvite key={friend.id} friend={friend} inviteFriendToRoom={inviteFriendToRoom} />
-                            )}
-                        </ul>
-                    </section>
-                </div>
-            </main> : null}
-            <Footer />
-        </>
-    )
+  return (
+    <>
+      <Navbar />
+      {localStream ? (
+        <main>
+          <div className="flex justify-center p-2">
+            <button className="btn p-6" onClick={() => startStopAudio()}>
+              {isAudio ? (
+                <FontAwesomeIcon icon={faMicrophone} />
+              ) : (
+                <FontAwesomeIcon icon={faMicrophoneSlash} />
+              )}
+            </button>
+            <button className="btn p-6" onClick={() => startStopVideo()}>
+              {isVideo ? (
+                <FontAwesomeIcon icon={faVideo} />
+              ) : (
+                <FontAwesomeIcon icon={faVideoSlash} />
+              )}
+            </button>
+            <button
+              onClick={() => handleLeaveMeeting()}
+              className="btn bg-my-red p-6"
+            >
+              <FontAwesomeIcon icon={faPhoneSlash}></FontAwesomeIcon>
+            </button>
+          </div>
+          <div className="flex p-5">
+            <section className="flex-3 grid p-3 grid-cols-3 gap-2">
+              <div className="flex flex-col items-center gap-4">
+                <video ref={localRef}></video>
+                <div>{`${user?.first_name} ${user?.last_name}`}</div>
+              </div>
+              {Object.entries(roomPeers).map((roomPeer) => {
+                const [id, peer] = roomPeer;
+                return (
+                  <RoomPeerVideo
+                    key={id}
+                    remoteStream={peer.stream}
+                    peerId={id}
+                  />
+                );
+              })}
+            </section>
+            <section className="flex-1 flex flex-col p-10 gap-10 rounded-xl bg-my-dark">
+              <h1 className="text-center text-3xl font-bold">Invite</h1>
+              <ul className="flex flex-col gap-5">
+                {friends
+                  .filter((friend) => !(friend.id in roomPeers))
+                  .map((friend) => (
+                    <PeerInvite
+                      key={friend.id}
+                      friend={friend}
+                      inviteFriendToRoom={inviteFriendToRoom}
+                    />
+                  ))}
+              </ul>
+            </section>
+          </div>
+        </main>
+      ) : null}
+      <Footer />
+    </>
+  );
 }
 
-export default RoomCallPage;
\ No newline at end of file
+export default RoomCallPage;
diff --git a/frontend/src/redux/actions/addNotification.ts b/frontend/src/redux/actions/addNotification.ts
index 9a7799c4..ce135d8f 100644
--- a/frontend/src/redux/actions/addNotification.ts
+++ b/frontend/src/redux/actions/addNotification.ts
@@ -1,8 +1,7 @@
 import RoomNotification from "../../models/RoomNotification";
 export default (notification: RoomNotification) => {
-    return {
-      type: "ADD_NOTIFICATION",
-      payload: { notification },
-    };
+  return {
+    type: "ADD_NOTIFICATION",
+    payload: { notification },
+  };
 };
-  
\ No newline at end of file
diff --git a/frontend/src/redux/actions/deleteNotification.ts b/frontend/src/redux/actions/deleteNotification.ts
index d5dadff0..86a8096b 100644
--- a/frontend/src/redux/actions/deleteNotification.ts
+++ b/frontend/src/redux/actions/deleteNotification.ts
@@ -1,7 +1,6 @@
 export default (id: string) => {
-    return {
-      type: "DELETE_NOTIFICATION",
-      payload: { id },
-    };
+  return {
+    type: "DELETE_NOTIFICATION",
+    payload: { id },
+  };
 };
-  
\ No newline at end of file
diff --git a/frontend/src/redux/actions/initPeer.ts b/frontend/src/redux/actions/initPeer.ts
index 4ddca351..69cb4c83 100644
--- a/frontend/src/redux/actions/initPeer.ts
+++ b/frontend/src/redux/actions/initPeer.ts
@@ -1,6 +1,6 @@
 export default (userId: string) => {
-    return {
-      type: "INIT_PEER",
-      payload: { userId },
-    };
-};
\ No newline at end of file
+  return {
+    type: "INIT_PEER",
+    payload: { userId },
+  };
+};
diff --git a/frontend/src/redux/actions/setNotifications.ts b/frontend/src/redux/actions/setNotifications.ts
index 62e4c3e8..d358a7e5 100644
--- a/frontend/src/redux/actions/setNotifications.ts
+++ b/frontend/src/redux/actions/setNotifications.ts
@@ -1,9 +1,8 @@
 import RoomNotification from "../../models/RoomNotification";
 
 export default (notifications: RoomNotification[]) => {
-    return {
-      type: "SET_NOTIFICATIONS",
-      payload: { notifications },
-    };
+  return {
+    type: "SET_NOTIFICATIONS",
+    payload: { notifications },
+  };
 };
-  
\ No newline at end of file
diff --git a/frontend/src/redux/reducers/action-models/FriendsAction.ts b/frontend/src/redux/reducers/action-models/FriendsAction.ts
index bc830a45..aae6ea3c 100644
--- a/frontend/src/redux/reducers/action-models/FriendsAction.ts
+++ b/frontend/src/redux/reducers/action-models/FriendsAction.ts
@@ -1,9 +1,9 @@
 import User from "../../../models/User";
 
 type FriendsAction = {
-    type: "SET_USER_FRIENDS";
-    payload: {
-        friends: User[];
-    }
-}
-export default FriendsAction;
\ No newline at end of file
+  type: "SET_USER_FRIENDS";
+  payload: {
+    friends: User[];
+  };
+};
+export default FriendsAction;
diff --git a/frontend/src/redux/reducers/action-models/NotificationsAction.ts b/frontend/src/redux/reducers/action-models/NotificationsAction.ts
index 5206b490..196f1624 100644
--- a/frontend/src/redux/reducers/action-models/NotificationsAction.ts
+++ b/frontend/src/redux/reducers/action-models/NotificationsAction.ts
@@ -1,11 +1,11 @@
 import RoomNotification from "../../../models/RoomNotification";
 
 type NotificationsAction = {
-    type: "SET_NOTIFICATIONS" | "ADD_NOTIFICATION" | "DELETE_NOTIFICATION";
-    payload: {
-        id?: string;
-        notification?: RoomNotification;
-        notifications?: RoomNotification[];
-    }
-}
-export default NotificationsAction;
\ No newline at end of file
+  type: "SET_NOTIFICATIONS" | "ADD_NOTIFICATION" | "DELETE_NOTIFICATION";
+  payload: {
+    id?: string;
+    notification?: RoomNotification;
+    notifications?: RoomNotification[];
+  };
+};
+export default NotificationsAction;
diff --git a/frontend/src/redux/reducers/action-models/PeerAction.ts b/frontend/src/redux/reducers/action-models/PeerAction.ts
index 08f44dbe..a8e3d943 100644
--- a/frontend/src/redux/reducers/action-models/PeerAction.ts
+++ b/frontend/src/redux/reducers/action-models/PeerAction.ts
@@ -1,7 +1,7 @@
 type PeerAction = {
-    type: "INIT_PEER",
-    payload: {
-        userId: string;
-    }
-}
-export default PeerAction;
\ No newline at end of file
+  type: "INIT_PEER";
+  payload: {
+    userId: string;
+  };
+};
+export default PeerAction;
diff --git a/frontend/src/redux/reducers/notificationsReducer.ts b/frontend/src/redux/reducers/notificationsReducer.ts
index 27dda556..a64f106c 100644
--- a/frontend/src/redux/reducers/notificationsReducer.ts
+++ b/frontend/src/redux/reducers/notificationsReducer.ts
@@ -1,21 +1,32 @@
 import RoomNotification from "../../models/RoomNotification";
 import NotificationsAction from "./action-models/NotificationsAction";
-const doesNotificationRepeat = (notification: RoomNotification, notificationArray: RoomNotification[]) => {
-  const doesExist = notificationArray.find(n => n.roomId === notification.roomId);
+const doesNotificationRepeat = (
+  notification: RoomNotification,
+  notificationArray: RoomNotification[],
+) => {
+  const doesExist = notificationArray.find(
+    (n) => n.roomId === notification.roomId,
+  );
   return !!doesExist;
-}
+};
 export default (state = [], action: NotificationsAction) => {
-    if (action.type === "SET_NOTIFICATIONS") {
-      return action.payload.notifications!.reduce((acum: RoomNotification[],item: RoomNotification) => {
+  if (action.type === "SET_NOTIFICATIONS") {
+    return action.payload.notifications!.reduce(
+      (acum: RoomNotification[], item: RoomNotification) => {
         return doesNotificationRepeat(item, acum) ? acum : [...acum, item];
-      }, []);
-    } else if (action.type === "ADD_NOTIFICATION") {
-      return doesNotificationRepeat(action.payload.notification!, state) 
-      ? state : [...state, action.payload.notification];
-    } else if (action.type === "DELETE_NOTIFICATION") {
-      return state.filter((notification:RoomNotification) => notification.roomId !== action.payload.id);
-    } else {
-      return state;
-    }
+      },
+      [],
+    );
+  } else if (action.type === "ADD_NOTIFICATION") {
+    return doesNotificationRepeat(action.payload.notification!, state)
+      ? state
+      : [...state, action.payload.notification];
+  } else if (action.type === "DELETE_NOTIFICATION") {
+    return state.filter(
+      (notification: RoomNotification) =>
+        notification.roomId !== action.payload.id,
+    );
+  } else {
+    return state;
+  }
 };
-  
\ No newline at end of file
diff --git a/frontend/src/redux/reducers/peerReducer.ts b/frontend/src/redux/reducers/peerReducer.ts
index eddc802c..1cd689f2 100644
--- a/frontend/src/redux/reducers/peerReducer.ts
+++ b/frontend/src/redux/reducers/peerReducer.ts
@@ -2,14 +2,14 @@ import Peer from "peerjs";
 import PeerAction from "./action-models/PeerAction";
 
 export default (state = null, action: PeerAction) => {
-    if (action.type === "INIT_PEER") {
-        const userId = action.payload.userId;
-        const peer = new Peer(userId, {
-            host: "/",
-            port: 8000
-        });
-        return peer;
-    } else {
-        return state
-    }
-}
\ No newline at end of file
+  if (action.type === "INIT_PEER") {
+    const userId = action.payload.userId;
+    const peer = new Peer(userId, {
+      host: "/",
+      port: 8000,
+    });
+    return peer;
+  } else {
+    return state;
+  }
+};
diff --git a/frontend/src/redux/store.ts b/frontend/src/redux/store.ts
index 371f597e..727bf294 100644
--- a/frontend/src/redux/store.ts
+++ b/frontend/src/redux/store.ts
@@ -6,7 +6,7 @@ import peerReducer from "./reducers/peerReducer";
 const rootReducer = combineReducers({
   friends: friendsReducer,
   notifications: notificationsReducer,
-  peer: peerReducer
+  peer: peerReducer,
 });
 
 export const store = createStore(rootReducer);