feat: add improved search (#1051)

* feat: add improved search

* wip: add support for sorting, rename use-options to use-query-options, add use-options for local usage, add pages search group

* feat: add help links from manage layout to help search mode

* feat: add additional search engines

* feat: add group search details

* refactor: improve users search group type

* feat: add apps search group, add disabled search interaction

* feat: add integrations and boards for search

* wip: hook issue with react

* fix: hook issue regarding actions and interactions

* chore: address pull request feedback

* fix: format issues

* feat: add additional global actions to search

* chore: remove unused code

* fix: search engine short key

* fix: typecheck issues

* fix: deepsource issues

* fix: eslint issue

* fix: lint issues

* fix: unordered dependencies

* chore: address pull request feedback

packages/ui/src/components/index.tsx

@@ -8,4 +8,5 @@ export { TextMultiSelect } from "./text-multi-select";
 export { UserAvatar } from "./user-avatar";
 export { UserAvatarGroup } from "./user-avatar-group";
 export { CustomPasswordInput } from "./password-input/password-input";
+export { IntegrationAvatar } from "./integration-avatar";
 export { BetaBadge } from "./beta-badge";

packages/ui/src/components/integration-avatar.tsx

@@ -0,0 +1,19 @@
+import type { MantineSize } from "@mantine/core";
+import { Avatar } from "@mantine/core";
+
+import type { IntegrationKind } from "@homarr/definitions";
+import { getIconUrl } from "@homarr/definitions";
+
+interface IntegrationAvatarProps {
+  size: MantineSize;
+  kind: IntegrationKind | null;
+}
+
+export const IntegrationAvatar = ({ kind, size }: IntegrationAvatarProps) => {
+  const url = kind ? getIconUrl(kind) : null;
+  if (!url) {
+    return null;
+  }
+
+  return <Avatar size={size} src={url} />;
+};