[FEATURE] Chat | Add group tab in chat component

[ArkadiK94]

Detailed description

In the component of Chat, we should add in the top a tab for team members chat (group) - only one for now

Only if the user has a team he will see it.

Context

In this way he could chat with the ctf team members while doing a ctf challenge

Possible implementation

as in the image for example, but the group of ctf team members will be always on top

Additional information

If you have any question you are welcome to ask :)

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[github-actions[bot]]

It's great having you contribute to this project

🌟 Welcome to the community 🌟

• If you would like to continue contributing to open source and would like to do it with an awesome inclusive community.
• You should join our Discord chat and our GitHub Organisation.
• We help and encourage each other to contribute to open source little and often 😄.
• Any questions let us know.

[anjali-vaish]

@ArkadiK94 I'd like to contribute to this. Could you please assign it to me?

[ArkadiK94]

@anjali-vaish pls ask @kabir0x23

[kabir0x23]

@ArkadiK94 I'd like to contribute to this. Could you please assign it to me?

hi @anjali-vaish , I have assigned the issue

in 10 hours, I will push the changes from my side. I will update you once it's done so we won't have any conflicts

we have the chat option, for now when you search under chat, u will get users to send message

for this issue, we have to create a group chat UI structure, i you need data, u can create some dummy JSON data to map through you component

if you have questions, u can ask here.

Thanks