Fix lint errors

packages/web/components/Player/Profile/EditAvatarImage.tsx

@@ -133,6 +133,8 @@ export const EditAvatarImage = forwardRef<
                     onFileChange(evt);
                   }}
                   accept="image/*"
+                  onFocus={() => setActive(true)}
+                  onBlur={() => setActive(false)}
                 />
               </Button>
             </>

packages/web/components/Player/Profile/EditBackgroundImage.tsx

@@ -7,7 +7,6 @@ import {
   FormHelperText,
   Image,
   Input,
-  Tooltip,
   useToast,
 } from '@metafam/ds';
 import { Maybe, Optional } from '@metafam/utils';
@@ -39,6 +38,7 @@ export const EditBackgroundImage = forwardRef<
   const toast = useToast();
   const readFile = useImageReader();
 
+  const [active, setActive] = useState(false);
   const [loading, setLoading] = useState(true);
   const [url, setURL] = useState<Optional<string>>(
     optimizedImage('backgroundImageURL', initialURL),
@@ -107,7 +107,7 @@ export const EditBackgroundImage = forwardRef<
           w="full"
           h="full"
           border="2px solid"
-          borderColor={'transparent'}
+          borderColor={active && !url ? 'blue.400' : 'transparent'}
         >
           <Image
             ref={ref}
@@ -177,6 +177,8 @@ export const EditBackgroundImage = forwardRef<
                         onFileChange(file);
                       }
                     }}
+                    onFocus={() => setActive(true)}
+                    onBlur={() => setActive(false)}
                     accept="image/*"
                   />
                   Drag and drop an image or

packages/web/components/Quest/QuestDetailsDescription.tsx

@@ -1,4 +1,4 @@
-import { Box, Heading, Link, Prose, Text } from '@metafam/ds';
+import { Box, Prose } from '@metafam/ds';
 import { isSGML } from '@metafam/utils';
 import { MarkdownViewer as Markdown } from 'components/MarkdownViewer';
 import { QuestFragment } from 'graphql/autogen/types';

packages/web/components/Quest/QuestDetailsHeader.tsx

@@ -1,13 +1,4 @@
-import {
-  Box,
-  Button,
-  Flex,
-  Heading,
-  MetaButton,
-  Stack,
-  Text,
-  VStack,
-} from '@metafam/ds';
+import { Box, Button, Flex, Heading, Stack, Text } from '@metafam/ds';
 import { MetaLink } from 'components/Link';
 import { PlayerAvatar } from 'components/Player/PlayerAvatar';
 import { Quest, QuestFragment, QuestStatus_Enum } from 'graphql/autogen/types';

packages/web/components/Quest/QuestTile.tsx

@@ -15,9 +15,8 @@ import {
 import { httpLink, isSGML } from '@metafam/utils';
 import { MarkdownViewer as Markdown } from 'components/MarkdownViewer';
 import { QuestTileImage } from 'components/Quest/QuestTileImage';
-import { RolesTags } from 'components/Quest/Roles';
 import { SkillsTags } from 'components/Quest/Skills';
-import { PlayerRole, QuestFragment, Skill } from 'graphql/autogen/types';
+import { QuestFragment, Skill } from 'graphql/autogen/types';
 import DefaultQuestImage from 'public/assets/QuestsDefaultImage_900x900.jpg';
 import React, { PropsWithChildren } from 'react';
 import { safelyParseNChakrifyHtml } from 'utils/stringHelpers';