🎨 Rename "services" to "apps" in entire project

src/components/Dashboard/Modals/SelectElement/Components/IntegrationsTab/AvailableIntegrationsTab.tsx

@@ -23,7 +23,7 @@ export const AvailableIntegrationElements = ({
       <SelectorBackArrow onClickBack={onClickBack} />
 
       <Text mb="md" color="dimmed">
-        Integrations interact with your services, to provide you with more control over your
+        Integrations interact with your apps, to provide you with more control over your
         applications. They usually require a few configurations before use.
       </Text>
 

src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'next-i18next';
 import { ReactNode } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { openContextModalGeneric } from '../../../../../../tools/mantineModalManagerExtensions';
-import { ServiceType } from '../../../../../../types/service';
+import { AppType } from '../../../../../../types/app';
 import { useStyles } from '../Shared/styles';
 
 interface AvailableElementTypesProps {
@@ -24,16 +24,16 @@ export const AvailableElementTypes = ({
       <Space h="lg" />
       <Group spacing="md" grow>
         <ElementItem
-          name="Service"
+          name="Apps"
           icon={<IconBox size={40} strokeWidth={1.3} />}
           onClick={() => {
-            openContextModalGeneric<{ service: ServiceType; allowServiceNamePropagation: boolean }>(
+            openContextModalGeneric<{ app: AppType; allowAppNamePropagation: boolean }>(
               {
-                modal: 'editService',
+                modal: 'editApp',
                 innerProps: {
-                  service: {
+                  app: {
                     id: uuidv4(),
-                    name: 'Your service',
+                    name: 'Your app',
                     url: 'https://homarr.dev',
                     appearance: {
                       iconUrl: '/imgs/logo/logo.png',
@@ -67,7 +67,7 @@ export const AvailableElementTypes = ({
                       properties: [],
                     },
                   },
-                  allowServiceNamePropagation: true,
+                  allowAppNamePropagation: true,
                 },
                 size: 'xl',
               }

src/components/Dashboard/Modals/SelectElement/Components/StaticElementsTab/AvailableStaticElementsTab.tsx

@@ -16,7 +16,7 @@ export const AvailableStaticTypes = ({ onClickBack }: AvailableStaticTypesProps)
 
       <Text mb="md" color="dimmed">
         Static elements provide you additional control over your dashboard. They are static, because
-        they don&apos;t integrate with any services and their content never changes.
+        they don&apos;t integrate with any apps and their content never changes.
       </Text>
 
       <Grid>