from username to nickname

containers/react/src/components/Messages/Chats.tsx

@@ -444,7 +444,7 @@ function Chats(){
 					}</option>
 				      {users.filter((item) => !selectTags.some((tag) => tag.selectedOption === item.username)).map((item, index) => (
 				        <option key={index} value={item.username}>
-				          {item.username}
+				          {item.nickname}
 				        </option>
 				      ))}
 				    </select>

containers/react/src/components/Messages/GameModal.tsx

@@ -122,7 +122,7 @@ const GameModal = ({ handleClose }: ModalGame) => {
             <option value="">Select a user</option>
             {users.map((user: User) => (
               <option key={user.id} value={user.username}>
-                {user.username}
+                {user.nickname}
               </option>
             ))}
           </select>

containers/react/src/components/Messages/ModalSetting.tsx

@@ -300,7 +300,7 @@ const ModalSetting = ({ handleClose, convId, socket }: ModalSettingProps) => {
 								</option>
 								{users.map((item, index) => (
 									<option key={index} value={item.username}>
-										{item.username}
+										{item.nickname}
 									</option>
 								))}
 							</select>