fix: nextjs is slow dev server (#364)

* fix: nextjs slow compile time

* fix: change optimized package imports and transpile packages

* fix: format issue

packages/modals/src/confirm-modal.tsx

@@ -1,5 +1,7 @@
 import { useCallback } from "react";
 import type { ComponentPropsWithoutRef, ReactNode } from "react";
+import type { ButtonProps, GroupProps } from "@mantine/core";
+import { Box, Button, Group } from "@mantine/core";
 
 import type {
   stringOrTranslation,
@@ -7,8 +9,6 @@ import type {
 } from "@homarr/translation";
 import { translateIfNecessary } from "@homarr/translation";
 import { useI18n } from "@homarr/translation/client";
-import type { ButtonProps, GroupProps } from "@homarr/ui";
-import { Box, Button, Group } from "@homarr/ui";
 
 import { createModal } from "./creator";
 

packages/modals/src/index.tsx

@@ -8,12 +8,12 @@ import {
   useReducer,
   useRef,
 } from "react";
+import { getDefaultZIndex, Modal } from "@mantine/core";
 import { randomId } from "@mantine/hooks";
 
 import type { stringOrTranslation } from "@homarr/translation";
 import { translateIfNecessary } from "@homarr/translation";
 import { useI18n } from "@homarr/translation/client";
-import { getDefaultZIndex, Modal } from "@homarr/ui";
 
 import type { ConfirmModalProps } from "./confirm-modal";
 import { ConfirmModal } from "./confirm-modal";

packages/modals/src/type.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
+import type { ModalProps } from "@mantine/core";
 
 import type { stringOrTranslation } from "@homarr/translation";
-import type { ModalProps } from "@homarr/ui";
 
 export type ModalComponent<TInnerProps> = (props: {
   actions: { closeModal: () => void };