Add icon support

- Cannot hash react nodes!

src/frontend/src/components/forms/ApiForm.tsx

@@ -32,6 +32,7 @@ export type ApiFormFieldType = {
   name: string;
   label?: string;
   value?: any;
+  icon?: ReactNode;
   fieldType?: string;
   api_url?: string;
   model?: string;
@@ -122,7 +123,7 @@ function RelatedModelField({
 
   const selectQuery = useQuery({
     enabled: !definition.disabled && !!definition.api_url && !definition.hidden,
-    queryKey: [`related-field-${definition.name}`, definition, searchText],
+    queryKey: [`related-field-${definition.name}`, searchText],
     queryFn: async () => {
       console.log('Searching for', searchText);
     }
@@ -300,7 +301,7 @@ export function ApiForm({
   // Query manager for retrieving form definition from the server
   const definitionQuery = useQuery({
     enabled: opened && !!url,
-    queryKey: ['form-definition', name, url, pk, fields],
+    queryKey: ['form-definition', name, url, pk],
     queryFn: async () => {
       // Clear form construction error field
       setError('');
@@ -320,7 +321,7 @@ export function ApiForm({
   // Query manager for retrieiving initial data from the server
   const initialDataQuery = useQuery({
     enabled: fetchInitialData && opened && !!url && fieldDefinitions.length > 0,
-    queryKey: ['form-initial-data', name, url, pk, fields, fieldDefinitions],
+    queryKey: ['form-initial-data', name, url, pk],
     queryFn: async () => {
       return api
         .get(getUrl())

src/frontend/src/pages/Index/Home.tsx

@@ -1,6 +1,13 @@
 import { Trans } from '@lingui/macro';
 import { Group, Stack } from '@mantine/core';
 import { Button } from '@mantine/core';
+import {
+  IconBuilding,
+  IconGlobe,
+  IconKey,
+  IconMail,
+  IconUser
+} from '@tabler/icons-react';
 import { useState } from 'react';
 
 import { ApiForm, ApiFormFieldType } from '../../components/forms/ApiForm';
@@ -20,7 +27,8 @@ export default function Home() {
       name: 'description'
     },
     {
-      name: 'keywords'
+      name: 'keywords',
+      icon: <IconKey />
     },
     {
       name: 'category'
@@ -59,13 +67,16 @@ export default function Home() {
       name: 'description'
     },
     {
-      name: 'website'
+      name: 'website',
+      icon: <IconGlobe />
     },
     {
-      name: 'email'
+      name: 'email',
+      icon: <IconMail />
     },
     {
-      name: 'contact'
+      name: 'contact',
+      icon: <IconUser />
     },
     {
       name: 'is_customer'