fix: nextjs is slow dev server (#364)

* fix: nextjs slow compile time

* fix: change optimized package imports and transpile packages

* fix: format issue

packages/widgets/src/_inputs/widget-app-input.tsx

@@ -1,11 +1,12 @@
 "use client";
 
 import { memo, useMemo } from "react";
+import type { SelectProps } from "@mantine/core";
+import { Group, Loader, Select } from "@mantine/core";
+import { IconCheck } from "@tabler/icons-react";
 
 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import type { SelectProps } from "@homarr/ui";
-import { Group, IconCheck, Loader, Select } from "@homarr/ui";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/_inputs/widget-location-input.tsx

@@ -2,19 +2,12 @@
 
 import type { ChangeEvent } from "react";
 import { useCallback } from "react";
-
-import type { RouterOutputs } from "@homarr/api";
-import { clientApi } from "@homarr/api/client";
-import { createModal, useModalAction } from "@homarr/modals";
-import { useScopedI18n } from "@homarr/translation/client";
 import {
   ActionIcon,
   Anchor,
   Button,
   Fieldset,
   Group,
-  IconClick,
-  IconListSearch,
   Loader,
   NumberInput,
   Stack,
@@ -22,7 +15,13 @@ import {
   Text,
   TextInput,
   Tooltip,
-} from "@homarr/ui";
+} from "@mantine/core";
+import { IconClick, IconListSearch } from "@tabler/icons-react";
+
+import type { RouterOutputs } from "@homarr/api";
+import { clientApi } from "@homarr/api/client";
+import { createModal, useModalAction } from "@homarr/modals";
+import { useScopedI18n } from "@homarr/translation/client";
 
 import type { OptionLocation } from "../options";
 import type { CommonWidgetInputProps } from "./common";

packages/widgets/src/_inputs/widget-multiselect-input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { MultiSelect } from "@homarr/ui";
+import { MultiSelect } from "@mantine/core";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/_inputs/widget-number-input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { NumberInput } from "@homarr/ui";
+import { NumberInput } from "@mantine/core";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/_inputs/widget-select-input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Select } from "@homarr/ui";
+import { Select } from "@mantine/core";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/_inputs/widget-slider-input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { InputWrapper, Slider } from "@homarr/ui";
+import { InputWrapper, Slider } from "@mantine/core";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/_inputs/widget-switch-input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Switch } from "@homarr/ui";
+import { Switch } from "@mantine/core";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/_inputs/widget-text-input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { TextInput } from "@homarr/ui";
+import { TextInput } from "@mantine/core";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";