changed title

Signed-off-by: heyhiru <hirentimbadiya74@gmail.com>

client/src/components/Lobby.jsx

@@ -30,6 +30,8 @@ const LobbyScreen = () => {
 
     return (
         <div className='flex flex-col items-center justify-center h-screen bg-gray-100'>
+            <title>VideoPeers</title>
+            <link rel="shortcut icon" href="../../public/favicon.ico" type="image/x-icon" />
             <h1 className='text-5xl font-[15px] mb-5 mt-5 text-center font-josefin tracking-tighter'>Video<VideoCallIcon sx={{ fontSize: 70, color: 'rgb(30,220,30)' }} />Peers</h1>
             <p className='text-2xl mt-2 mb-4 text-center md:max-w-[400px] max-w-[300px] text-gray-600'>
                 Peer-to-Peer video calls, powered by <b>WebRTC!</b>

client/src/pages/room/[slug].jsx

@@ -1,4 +1,5 @@
 import { useSocket } from '@/context/SocketProvider';
+import { useRouter } from 'next/router';
 import React, { useCallback, useEffect, useState } from 'react'
 import peer from '@/service/peer';
 import CallIcon from '@mui/icons-material/Call';
@@ -196,8 +197,13 @@ const RoomPage = () => {
         setRemoteSocketId(null);
     }, [myStream, remoteSocketId, socket]);
 
+    const router = useRouter();
+
+    const {slug} = router.query;
+
     return (
         <div className='flex flex-col items-center justify-center w-screen h-screen overflow-hidden'>
+            <title>Room No. {slug}</title>
             <h1 className='absolute top-0 left-0 text-5xl
             text-center font-josefin tracking-tighter mt-5 ml-5 mmd:text-xl mxs:text-sm'>Video
                 <VideoCallIcon sx={{ fontSize: 50, color: 'rgb(30,220,30)' }} />