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/components/board/sections/category-section.tsx

@@ -1,16 +1,14 @@
 import type { RefObject } from "react";
-import { useDisclosure } from "@mantine/hooks";
-
 import {
   Card,
   Collapse,
   Group,
-  IconChevronDown,
-  IconChevronUp,
   Stack,
   Title,
   UnstyledButton,
-} from "@homarr/ui";
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
 
 import type { CategorySection } from "~/app/[locale]/boards/_types";
 import { CategoryMenu } from "./category/category-menu";

apps/nextjs/src/components/board/sections/category/category-edit-modal.tsx

@@ -1,7 +1,8 @@
+import { Button, Group, Stack, TextInput } from "@mantine/core";
+
 import { useForm } from "@homarr/form";
 import { createModal } from "@homarr/modals";
 import { useI18n } from "@homarr/translation/client";
-import { Button, Group, Stack, TextInput } from "@homarr/ui";
 
 interface Category {
   id: string;

apps/nextjs/src/components/board/sections/category/category-menu.tsx

@@ -1,12 +1,8 @@
 "use client";
 
 import React, { useMemo } from "react";
-import { useAtomValue } from "jotai";
-
-import { useScopedI18n } from "@homarr/translation/client";
-import type { TablerIcon } from "@homarr/ui";
+import { ActionIcon, Menu } from "@mantine/core";
 import {
-  ActionIcon,
   IconDotsVertical,
   IconEdit,
   IconRowInsertBottom,
@@ -14,8 +10,11 @@ import {
   IconTransitionBottom,
   IconTransitionTop,
   IconTrash,
-  Menu,
-} from "@homarr/ui";
+} from "@tabler/icons-react";
+import { useAtomValue } from "jotai";
+
+import { useScopedI18n } from "@homarr/translation/client";
+import type { TablerIcon } from "@homarr/ui";
 
 import type { CategorySection } from "~/app/[locale]/boards/_types";
 import { editModeAtom } from "../../editMode";

apps/nextjs/src/components/board/sections/content.tsx

@@ -2,21 +2,19 @@
 // Ignored because of gridstack attributes
 
 import type { RefObject } from "react";
+import { ActionIcon, Card, Menu } from "@mantine/core";
 import { useElementSize } from "@mantine/hooks";
+import {
+  IconDotsVertical,
+  IconLayoutKanban,
+  IconPencil,
+  IconTrash,
+} from "@tabler/icons-react";
 import combineClasses from "clsx";
 import { useAtomValue } from "jotai";
 
 import { useConfirmModal, useModalAction } from "@homarr/modals";
 import { useScopedI18n } from "@homarr/translation/client";
-import {
-  ActionIcon,
-  Card,
-  IconDotsVertical,
-  IconLayoutKanban,
-  IconPencil,
-  IconTrash,
-  Menu,
-} from "@homarr/ui";
 import {
   loadWidgetDynamic,
   reduceWidgetOptionsWithDefaultValues,