🐛 Fixing bug with image display

Fixes #336

Author: ajnart

src/components/AppShelf/AppShelfItem.tsx

@@ -6,12 +6,12 @@ import {
   Center,
   createStyles,
   useMantineColorScheme,
+  Image,
 } from '@mantine/core';
 import { motion } from 'framer-motion';
 import { useState } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import Image from 'next/image';
 import { serviceItem } from '../../tools/types';
 import PingComponent from '../../modules/ping/PingModule';
 import AppShelfMenu from './AppShelfMenu';
@@ -125,13 +125,11 @@ export function AppShelfItem(props: any) {
                   target={service.newTab === false ? '_top' : '_blank'}
                 >
                   <Image
-                    style={{
-                      cursor: 'pointer',
-                    }}
+                    styles={{ root: { cursor: 'pointer' } }}
                     width={80}
                     height={80}
-                    src={`/api/imageproxy?url=${service.icon}`}
-                    objectFit="contain"
+                    src={service.icon}
+                    fit="contain"
                   />
                 </Anchor>
               </motion.i>