chore: Improves linting rule to catch mishandled promises (#5506)

app/scenes/Search/components/UserFilter.tsx

@@ -4,6 +4,7 @@ import * as React from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import Avatar from "~/components/Avatar";
+import { AvatarSize } from "~/components/Avatar/Avatar";
 import FilterOptions from "~/components/FilterOptions";
 import useStores from "~/hooks/useStores";
 
@@ -27,7 +28,7 @@ function UserFilter(props: Props) {
     const userOptions = users.all.map((user) => ({
       key: user.id,
       label: user.name,
-      icon: <Avatar model={user} showBorder={false} size={18} />,
+      icon: <Avatar model={user} showBorder={false} size={AvatarSize.Small} />,
     }));
     return [
       {

app/scenes/Settings/components/ImageInput.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { s } from "@shared/styles";
-import Avatar, { IAvatar } from "~/components/Avatar/Avatar";
+import Avatar, { AvatarSize, IAvatar } from "~/components/Avatar/Avatar";
 import Flex from "~/components/Flex";
 import ImageUpload, { Props as ImageUploadProps } from "./ImageUpload";
 
@@ -16,7 +16,7 @@ export default function ImageInput({ model, ...rest }: Props) {
   return (
     <ImageBox>
       <ImageUpload {...rest}>
-        <StyledAvatar model={model} size={64} />
+        <StyledAvatar model={model} size={AvatarSize.XXLarge} />
         <Flex auto align="center" justify="center" className="upload">
           {t("Upload")}
         </Flex>