message: Move group badge within profile link
diff: @@ -2,6 +2,7 @@ import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { propType } from 'graphql-anywhere';
  import { withRouter } from 'react-router-dom';
  +import styled from 'styled-components';
  import profileBreadcrumbFragment from 'react/components/ProfileMetadata/components/ProfileBreadcrumb/fragments/profileBreadcrumb';
  @@ -9,6 +10,13 @@ import StickyBreadcrumbPath from 'react/components/UI/StickyBreadcrumbPath';
  import ProfileBadge from 'react/components/ProfileMetadata/components/ProfileBreadcrumb/components/ProfileBadge';
  import Badge from 'react/components/UI/Badge';
  +const ProfileLink = styled.a`
  + vertical-align: middle;
  + display: flex;
  + align-items: center;
  + justify-content: center;
  +`;
  +
  class ProfileBreadcrumb extends Component {
  static propTypes = {
  identifiable: propType(profileBreadcrumbFragment).isRequired,
  @@ -25,15 +33,14 @@ class ProfileBreadcrumb extends Component {
  return (
  <StickyBreadcrumbPath>
  <StickyBreadcrumbPath.Crumb>
  - <a href={identifiable.href}>
  + <ProfileLink href={identifiable.href}>
  {identifiable.name}
  - </a>
  -
  {(showBadge && identifiable.__typename === 'Group') &&
  <Badge f={0} ml={4} color="gray.medium" icon={{ private: 'Lock' }[identifiable.visibility]}>
  Group
  </Badge>
  }
  + </ProfileLink>
  {(showBadge && identifiable.__typename === 'User') &&
  <ProfileBadge user={identifiable} />
  