✨ Add mantine context modals

src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx

@@ -0,0 +1,31 @@
+import { ActionIcon, Tooltip } from '@mantine/core';
+import { openContextModal } from '@mantine/modals';
+import { IconApps } from '@tabler/icons';
+import { useTranslation } from 'next-i18next';
+import { v4 as uuidv4 } from 'uuid';
+import { openContextModalGeneric } from '../../../../../tools/mantineModalManagerExtensions';
+import { ServiceType } from '../../../../../types/service';
+
+export const AddElementAction = () => {
+  const { t } = useTranslation('layout/add-service-app-shelf');
+
+  return (
+    <Tooltip withinPortal label={t('actionIcon.tooltip')}>
+      <ActionIcon
+        variant="default"
+        radius="md"
+        size="xl"
+        color="blue"
+        onClick={() =>
+          openContextModal({
+            modal: 'selectElement',
+            title: 'Add an element to your dashboard',
+            innerProps: {},
+          })
+        }
+      >
+        <IconApps />
+      </ActionIcon>
+    </Tooltip>
+  );
+};