feat: get object metadata from backend in Object Detail and New Field… (#2122)

* feat: get object metadata from backend in Object Detail and New Field - Step 1

Closes #2008

* refactor: add useLazyLoadIcon hook

front/src/modules/ui/input/hooks/useLazyLoadIcon.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+
+import { IconComponent } from '@/ui/display/icon/types/IconComponent';
+
+export const useLazyLoadIcon = (iconKey: string) => {
+  const [Icon, setIcon] = useState<IconComponent | undefined>();
+  const [isLoadingIcon, setIsLoadingIcon] = useState(true);
+
+  useEffect(() => {
+    if (!iconKey) return;
+
+    import(`@tabler/icons-react/dist/esm/icons/${iconKey}.js`).then(
+      (lazyLoadedIcon) => {
+        setIcon(lazyLoadedIcon.default);
+        setIsLoadingIcon(false);
+      },
+    );
+  }, [iconKey]);
+
+  return { Icon, isLoadingIcon };
+};

front/src/modules/ui/input/hooks/useLazyLoadIcons.ts

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+
+import { IconComponent } from '@/ui/display/icon/types/IconComponent';
+
+export const useLazyLoadIcons = () => {
+  const [icons, setIcons] = useState<Record<string, IconComponent>>({});
+  const [isLoadingIcons, setIsLoadingIcons] = useState(true);
+
+  useEffect(() => {
+    import('../constants/icons').then((lazyLoadedIcons) => {
+      setIcons(lazyLoadedIcons);
+      setIsLoadingIcons(false);
+    });
+  }, []);
+
+  return { icons, isLoadingIcons };
+};