Use Config provider everywhere in app

We can now load as much data as we want in the services and settings values. This solves the issue of using multiple localStorages boxes

components/AppShelf/AddAppShelfItem.tsx

@@ -17,7 +17,7 @@ import { useForm } from '@mantine/hooks';
 import { motion } from 'framer-motion';
 import { useState } from 'react';
 import { Apps } from 'tabler-icons-react';
-import { ServiceTypes } from '../../tools/types';
+import { ServiceType, ServiceTypeList } from '../../tools/types';
 
 export default function AddItemShelfItem(props: any) {
   const { additem: addItem } = props;
@@ -94,7 +94,7 @@ export default function AddItemShelfItem(props: any) {
               required
               searchable
               onChange={(value) => form.setFieldValue('type', value ?? 'Other')}
-              data={ServiceTypes}
+              data={ServiceTypeList}
             />
           </Group>