feat(UserProfile): add button to cancel outgoing friend request (#461)

src/context/intermediate/popovers/UserProfile.tsx

@@ -3,6 +3,7 @@ import {
     Envelope,
     Edit,
     UserPlus,
+    UserX,
     Group,
     InfoCircle,
 } from "@styled-icons/boxicons-solid";
@@ -234,6 +235,11 @@ export const UserProfile = observer(
                                     <UserPlus size={28} />
                                 </IconButton>
                             )}
+                        {user.relationship === RelationshipStatus.Outgoing && (
+                            <IconButton onClick={() => user.removeFriend()}>
+                                <UserX size={28} />
+                            </IconButton>
+                        )}
                     </div>
                     <div className={styles.tabs}>
                         <div