🚸 Improve UX and QoL

src/components/AppShelf/AddAppShelfItem.tsx

@@ -256,14 +256,14 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
                   color: 'gray',
                 }}
               >
-                tip: Get your API key{' '}
+                Tip: Get your API key{' '}
                 <Anchor
                   target="_blank"
                   weight="bold"
                   style={{ fontStyle: 'inherit', fontSize: 'inherit' }}
                   href={`${hostname}/settings/general`}
                 >
-                  here
+                  here.
                 </Anchor>
               </Text>
             </>

src/components/AppShelf/AppShelfItem.tsx

@@ -91,11 +91,11 @@ export function AppShelfItem(props: any) {
             >
               <motion.i
                 whileHover={{
-                  cursor: 'pointer',
                   scale: 1.1,
                 }}
               >
                 <Image
+                  styles={{ root: { cursor: 'pointer' } }}
                   width={80}
                   height={80}
                   src={service.icon}

src/components/AppShelf/AppShelfMenu.tsx

@@ -66,7 +66,7 @@ export default function AppShelfMenu(props: any) {
               autoClose: 5000,
               title: (
                 <Text>
-                  Service <b>{service.name}</b> removed successfully
+                  Service <b>{service.name}</b> removed successfully!
                 </Text>
               ),
               color: 'green',