landscape: correct avatar aspect ratio

Author avatar uses objectFit='cover'

ProfileOverlay avatar uses objectFit='cover'

ChatInput uses objectFit='cover'

Participants avatar uses objectFit='cover'

Landscape: correct avatar aspect ratio.

pkg/interface/src/views/apps/chat/components/ChatInput.tsx

@@ -130,7 +130,13 @@ class ChatInput extends Component<ChatInputProps, ChatInputState> {
         props.ourContact &&
         ((props.ourContact.avatar !== null) && !props.hideAvatars)
       )
-      ? <BaseImage src={props.ourContact.avatar} height={16} width={16} className="dib" />
+      ? <BaseImage 
+          src={props.ourContact.avatar} 
+          height={16} 
+          width={16} 
+          style={{ objectFit: 'cover' }}
+          display='inline-block'
+        />
       : <Sigil
         ship={window.ship}
         size={16}

pkg/interface/src/views/apps/chat/components/ChatMessage.tsx

@@ -278,6 +278,7 @@ export const MessageAuthor = ({
     contact?.avatar && !hideAvatars ? (
       <BaseImage
         display='inline-block'
+        style={{ objectFit: 'cover' }}
         src={contact.avatar}
         height={16}
         width={16}

pkg/interface/src/views/components/Author.tsx

@@ -47,6 +47,7 @@ export default function Author(props: AuthorProps): ReactElement {
       <BaseImage
         display='inline-block'
         src={contact.avatar}
+        style={{ objectFit: 'cover' }}
         height={16}
         width={16}
       />

pkg/interface/src/views/components/ProfileOverlay.tsx

@@ -98,6 +98,7 @@ class ProfileOverlay extends PureComponent<
       contact?.avatar && !hideAvatars ? (
         <BaseImage
           display='inline-block'
+          style={{ objectFit: 'cover' }}
           src={contact.avatar}
           height={72}
           width={72}

pkg/interface/src/views/landscape/components/Participants.tsx

@@ -297,7 +297,13 @@ function Participant(props: {
 
   const avatar =
     contact?.avatar !== null && !hideAvatars ? (
-      <img src={contact.avatar} height={32} width={32} className="dib" />
+      <img 
+        src={contact.avatar} 
+        height={32} 
+        width={32} 
+        display='inline-block'
+        style={{ objectFit: 'cover' }} 
+      />
     ) : (
       <Sigil ship={contact.patp} size={32} color={`#${color}`} />
     );