🚨 Fix warnings

src/widgets/media-requests/MediaRequestListTile.tsx

@@ -82,7 +82,14 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
               </Stack>
             </Flex>
             <Flex gap="xs">
-              <Image src={item.userProfilePicture} width={25} height={25} alt="requester avatar" />
+              <Image
+                src={item.userProfilePicture}
+                width={25}
+                height={25}
+                alt="requester avatar"
+                radius="xl"
+                withPlaceholder
+              />
               <Text
                 component="a"
                 href={item.userLink}

src/widgets/media-requests/MediaRequestStatsTile.tsx

@@ -1,11 +1,11 @@
 import { Card, Center, Flex, Stack, Text } from '@mantine/core';
 import { IconChartBar } from '@tabler/icons';
+import { useTranslation } from 'next-i18next';
 import { defineWidget } from '../helper';
 import { WidgetLoading } from '../loading';
 import { IWidget } from '../widgets';
 import { useMediaRequestQuery } from './media-request-query';
 import { MediaRequestStatus } from './media-request-types';
-import { useTranslation } from 'next-i18next';
 
 const definition = defineWidget({
   id: 'media-requests-stats',

src/widgets/media-requests/media-request-query.tsx

@@ -7,4 +7,5 @@ export const useMediaRequestQuery = () => useQuery({
     const response = await fetch('/api/modules/media-requests');
     return (await response.json()) as MediaRequest[];
   },
+  refetchInterval: 3 * 60 * 1000,
 });