ref(ui): Remove rarely used Well component (#93529)

Author: evanpurkhiser

static/app/components/avatarUploader.tsx

@@ -3,9 +3,9 @@ import styled from '@emotion/styled';
 
 import {addErrorMessage} from 'sentry/actionCreators/indicator';
 import {Button} from 'sentry/components/core/button';
-import Well from 'sentry/components/well';
 import {AVATAR_URL_MAP} from 'sentry/constants';
 import {t, tct} from 'sentry/locale';
+import {space} from 'sentry/styles/space';
 import type {AvatarUser} from 'sentry/types/user';
 
 const ALLOWED_MIMETYPES = 'image/gif,image/jpeg,image/png';
@@ -409,7 +409,7 @@ class AvatarUploader extends Component<Props, State> {
 
     const upload = <a onClick={this.uploadClick} />;
     const uploader = (
-      <Well hasImage centered>
+      <Well>
         <p>{tct('[upload:Upload an image] to get started.', {upload})}</p>
       </Well>
     );
@@ -490,3 +490,12 @@ const Resizer = styled('div')<{position: Position}>`
 const HiddenCanvas = styled('canvas')`
   display: none;
 `;
+
+const Well = styled('div')`
+  border: 1px solid ${p => p.theme.border};
+  background: ${p => p.theme.backgroundSecondary};
+  padding: 80px ${space(4)};
+  margin-bottom: 20px;
+  border-radius: 3px;
+  text-align: center;
+`;

static/app/components/well.tsx

@@ -6,7 +6,6 @@ import {Client} from 'sentry/api';
 import {Button} from 'sentry/components/core/button';
 import {CompactSelect} from 'sentry/components/core/compactSelect';
 import {Input} from 'sentry/components/core/input';
-import Well from 'sentry/components/well';
 import ConfigStore from 'sentry/stores/configStore';
 import {space} from 'sentry/styles/space';
 import {browserHistory} from 'sentry/utils/browserHistory';
@@ -127,7 +126,7 @@ function RelocationForm() {
             setRegion(reg);
           }}
         />
-        <UploadWell centered>
+        <UploadWell>
           <UploadInput
             name="file"
             type="file"
@@ -170,8 +169,14 @@ function RelocationForm() {
   );
 }
 
-const UploadWell = styled(Well)`
+const UploadWell = styled('div')`
   margin-top: ${space(2)};
+  margin-bottom: ${space(3)};
+  border: 1px solid ${p => p.theme.border};
+  background: ${p => p.theme.backgroundSecondary};
+  padding: ${space(2)} ${space(3)};
+  border-radius: 3px;
+  text-align: center;
 `;
 
 const UploadInput = styled('input')`