fix: nextjs is slow dev server (#364)

* fix: nextjs slow compile time

* fix: change optimized package imports and transpile packages

* fix: format issue

apps/nextjs/src/app/[locale]/widgets/[kind]/_content.tsx

@@ -1,20 +1,18 @@
 "use client";
 
 import { useCallback, useMemo, useState } from "react";
+import { ActionIcon, Affix, Card } from "@mantine/core";
+import {
+  IconDimensions,
+  IconPencil,
+  IconToggleLeft,
+  IconToggleRight,
+} from "@tabler/icons-react";
 
 import type { IntegrationKind, WidgetKind } from "@homarr/definitions";
 import { useModalAction } from "@homarr/modals";
 import { showSuccessNotification } from "@homarr/notifications";
 import { useScopedI18n } from "@homarr/translation/client";
-import {
-  ActionIcon,
-  Affix,
-  Card,
-  IconDimensions,
-  IconPencil,
-  IconToggleLeft,
-  IconToggleRight,
-} from "@homarr/ui";
 import {
   loadWidgetDynamic,
   reduceWidgetOptionsWithDefaultValues,

apps/nextjs/src/app/[locale]/widgets/[kind]/_dimension-modal.tsx

@@ -1,9 +1,10 @@
 "use client";
 
+import { Button, Group, InputWrapper, Slider, Stack } from "@mantine/core";
+
 import { useForm } from "@homarr/form";
 import { createModal } from "@homarr/modals";
 import { useI18n } from "@homarr/translation/client";
-import { Button, Group, InputWrapper, Slider, Stack } from "@homarr/ui";
 
 interface InnerProps {
   dimensions: Dimensions;

apps/nextjs/src/app/[locale]/widgets/[kind]/page.tsx

@@ -1,8 +1,8 @@
 import { notFound } from "next/navigation";
+import { Center } from "@mantine/core";
 
 import { db } from "@homarr/db";
 import type { WidgetKind } from "@homarr/definitions";
-import { Center } from "@homarr/ui";
 import { widgetImports } from "@homarr/widgets";
 
 import { env } from "~/env.mjs";