fix: uploaded avatars appear stretched or distorted ml-371 (#380)

* fix(frontend): add object-fit: cover to avatar to prevent stretching ml-371

* fix(frontend): merged updateProfile payload with existing user data ml-371

* fix(frontend): fix lint errors ml-371

Author: VolodymyrKozel

apps/frontend/src/libs/components/avatar/styles.module.css

@@ -1,4 +1,8 @@
 .avatar {
+	display: block;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
 	border: 2px solid var(--color-brand);
 	border-radius: 50%;
 }

apps/frontend/src/modules/users/slices/users.slice.ts

@@ -50,7 +50,7 @@ const { actions, name, reducer } = createSlice({
 			state.dataStatus = DataStatus.PENDING;
 		});
 		builder.addCase(updateProfile.fulfilled, (state, { payload }) => {
-			state.user = payload;
+			state.user = { ...state.user, ...payload };
 			state.dataStatus = DataStatus.FULFILLED;
 		});
 		builder.addCase(updateProfile.rejected, (state) => {