feat: connected frontend and backend for rooms

[ADARSHsri2004]

Description

This pull request implements the room management flow , including frontend and backend integration.

Key Features Added

• Create Room (Frontend + Backend Integration)

  • Added CreateRoom.tsx page for authenticated users to create a new video room.
  • On successful creation, the user is redirected to a new CreateRoomLobby page.
  • Connected to backend endpoint POST /api/rooms/createRoom.

• Join Room (Frontend + Backend Integration)

  • Added JoinRoom.tsx page allowing users to join an existing active room using its name or ID.
  • Integrated with backend route POST /api/rooms/:roomIdOrName/join.

• Room Lobby Page (CreateRoomLobby.tsx)

  • Displays created room details (name, ID).
  • Allows copying a shareable room link.
  • Provides navigation to the active call interface /room/:roomId.

• Routing Setup

  • Configured React Router paths for /create, /join, /lobby/:roomId, and /room/:roomId.

Technical Notes

• Axios calls now include token-based authentication using Authorization: Bearer <token>.
• Integrated loading states and error handling for better UX.
• Implemented dynamic room fetching in CreateRoomLobby using listRooms API.

---

Semver Changes

• Minor (new features, no breaking changes)

---

Issues Closed

Closes #58

---

Checklist

• I have read the Contributing Guidelines.

[04shubham7]

Looks Good