Fix interfaces/displays sometimes showing up in the wrong category

Squashed commit of the following:

commit 2e07fdc946c985a32db2c78a54f61527bb7671ea
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Fri Nov 27 17:59:20 2020 -0500

    Properly scope interfaces to local app group

commit 3d593a4b1c8493db29f934f3a336654ac11e0ea4
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Fri Nov 27 17:47:30 2020 -0500

    Rename localTypes to groups

commit 5b2e882c8f3e700925d54f18bb54cdac98320f55
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Fri Nov 27 17:46:55 2020 -0500

    Check tighter for local group

app/src/interfaces/_system/interface/interface.vue

@@ -40,7 +40,7 @@ export default defineComponent({
 
 		const items = computed(() => {
 			return interfaces.value
-				.filter((inter) => inter.relationship === undefined && inter.system !== true)
+				.filter((inter) => inter.relational !== true && inter.system !== true)
 				.filter((inter) => selectedType.value === undefined || inter.types.includes(selectedType.value))
 				.map((inter) => {
 					return {

app/src/interfaces/divider/index.ts

@@ -10,6 +10,7 @@ export default defineInterface(({ i18n }) => ({
 	hideLabel: true,
 	hideLoader: true,
 	types: ['alias'],
+	groups: ['presentation'],
 	options: [
 		{
 			field: 'color',

app/src/interfaces/file/index.ts

@@ -8,8 +8,8 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'note_add',
 	component: InterfaceFile,
 	types: ['uuid'],
-	localTypes: ['file'],
-	relationship: 'm2o',
+	groups: ['file'],
+	relational: true,
 	options: [],
 	recommendedDisplays: ['file'],
 }));

app/src/interfaces/files/index.ts

@@ -9,8 +9,8 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'note_add',
 	component: InterfaceFiles,
 	types: ['alias'],
-	localTypes: ['files'],
-	relationship: 'm2m',
+	groups: ['files'],
+	relational: true,
 	options: FilesOptions,
 	recommendedDisplays: ['files'],
 }));

app/src/interfaces/image/index.ts

@@ -8,8 +8,8 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'insert_photo',
 	component: InterfaceImage,
 	types: ['uuid'],
-	localTypes: ['file'],
-	relationship: 'm2o',
+	groups: ['file'],
+	relational: true,
 	options: [],
 	recommendedDisplays: ['image'],
 }));

app/src/interfaces/m2a-builder/index.ts

@@ -6,8 +6,8 @@ export default defineInterface(({ i18n }) => ({
 	name: i18n.t('m2a_builder'),
 	icon: 'note_add',
 	component: InterfaceManyToAny,
-	relationship: 'm2a',
+	relational: true,
 	types: ['alias'],
-	localTypes: ['m2a'],
+	groups: ['m2a'],
 	options: [],
 }));

app/src/interfaces/many-to-many/index.ts

@@ -8,9 +8,9 @@ export default defineInterface(({ i18n }) => ({
 	description: i18n.t('interfaces.many-to-many.description'),
 	icon: 'note_add',
 	component: InterfaceManyToMany,
-	relationship: 'm2m',
+	relational: true,
 	types: ['alias'],
-	localTypes: ['m2m'],
+	groups: ['m2m'],
 	options: Options,
 	recommendedDisplays: ['related-values'],
 }));

app/src/interfaces/many-to-one/index.ts

@@ -9,8 +9,8 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'arrow_right_alt',
 	component: InterfaceManyToOne,
 	types: ['uuid', 'string', 'text', 'integer', 'bigInteger'],
-	relationship: 'm2o',
-	localTypes: ['m2o'],
+	relational: true,
+	groups: ['m2o'],
 	options: Options,
 	recommendedDisplays: ['related-values'],
 }));

app/src/interfaces/notice/index.ts

@@ -10,6 +10,7 @@ export default defineInterface(({ i18n }) => ({
 	hideLabel: true,
 	hideLoader: true,
 	types: ['alias'],
+	groups: ['presentation'],
 	options: [
 		{
 			field: 'color',

app/src/interfaces/one-to-many/index.ts

@@ -9,8 +9,8 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'arrow_right_alt',
 	component: InterfaceOneToMany,
 	types: ['alias'],
-	localTypes: ['o2m'],
-	relationship: 'o2m',
+	groups: ['o2m'],
+	relational: true,
 	options: Options,
 	recommendedDisplays: ['related-values'],
 }));

app/src/interfaces/translations/index.ts

@@ -7,7 +7,7 @@ export default defineInterface(({ i18n }) => ({
 	name: i18n.t('translations'),
 	icon: 'replay',
 	types: ['alias'],
-	relationship: 'translations',
+	relational: true,
 	component: InterfaceTranslations,
 	options: TranslationsOptions,
 }));

app/src/interfaces/types.ts

@@ -10,8 +10,8 @@ export type InterfaceConfig = {
 	component: Component;
 	options: DeepPartial<Field>[] | Component;
 	types: typeof types[number][];
-	localTypes?: readonly typeof localTypes[number][];
-	relationship?: null | 'm2o' | 'o2m' | 'm2m' | 'm2a' | 'translations';
+	groups?: readonly typeof localTypes[number][];
+	relational?: boolean;
 	hideLabel?: boolean;
 	hideLoader?: boolean;
 	system?: boolean;

app/src/interfaces/user/index.ts

@@ -8,7 +8,7 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'person',
 	component: InterfaceUser,
 	types: ['uuid'],
-	relationship: 'm2o',
+	relational: true,
 	options: [
 		{
 			field: 'selectMode',