💄 Small UI changes

Changed the color to use one of mantine's

src/components/AppShelf/AddAppShelfItem.tsx

@@ -253,7 +253,7 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
                   alignSelf: 'center',
                   fontSize: '0.75rem',
                   textAlign: 'center',
-                  color: '#a0aec0',
+                  color: 'gray',
                 }}
               >
                 tip: Get your API key{' '}

src/components/Settings/SettingsMenu.tsx

@@ -89,7 +89,7 @@ function SettingsMenu(props: any) {
           alignSelf: 'center',
           fontSize: '0.75rem',
           textAlign: 'center',
-          color: '#a0aec0',
+          color: 'gray',
         }}
       >
         tip: You can upload your config file by dragging and dropping it onto the page
@@ -113,7 +113,7 @@ function SettingsMenu(props: any) {
           style={{
             fontSize: '0.90rem',
             textAlign: 'center',
-            color: '#a0aec0',
+            color: 'gray',
           }}
         >
           Made with ❤️ by @

src/components/modules/calendar/MediaDisplay.tsx

@@ -47,7 +47,7 @@ function MediaDisplay(props: { media: IMedia }) {
             <Text
               style={{
                 textAlign: 'center',
-                color: '#a0aec0',
+                color: 'gray',
               }}
             >
               New release from {media.artist}
@@ -57,7 +57,7 @@ function MediaDisplay(props: { media: IMedia }) {
             <Text
               style={{
                 textAlign: 'center',
-                color: '#a0aec0',
+                color: 'gray',
               }}
             >
               Season {media.seasonNumber} episode {media.episodeNumber}