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/layout/header/burger.tsx

@@ -1,10 +1,9 @@
 "use client";
 
 import { useCallback } from "react";
+import { Burger } from "@mantine/core";
 import { atom, useAtom } from "jotai";
 
-import { Burger } from "@homarr/ui";
-
 export const navigationCollapsedAtom = atom(true);
 
 export const ClientBurger = () => {

apps/nextjs/src/components/layout/header/button.tsx

@@ -1,9 +1,8 @@
 import type { ForwardedRef, ReactNode } from "react";
 import { forwardRef } from "react";
 import Link from "next/link";
-
-import type { ActionIconProps } from "@homarr/ui";
-import { ActionIcon } from "@homarr/ui";
+import type { ActionIconProps } from "@mantine/core";
+import { ActionIcon } from "@mantine/core";
 
 type HeaderButtonProps = (
   | {

apps/nextjs/src/components/layout/header/search.tsx

@@ -1,8 +1,10 @@
 "use client";
 
+import { TextInput, UnstyledButton } from "@mantine/core";
+import { IconSearch } from "@tabler/icons-react";
+
 import { openSpotlight } from "@homarr/spotlight";
 import { useScopedI18n } from "@homarr/translation/client";
-import { IconSearch, TextInput, UnstyledButton } from "@homarr/ui";
 
 import { HeaderButton } from "./button";
 import classes from "./search.module.css";

apps/nextjs/src/components/layout/header/user.tsx

@@ -1,4 +1,4 @@
-import { UnstyledButton } from "@homarr/ui";
+import { UnstyledButton } from "@mantine/core";
 
 import { UserAvatar } from "~/components/user-avatar";
 import { UserAvatarMenu } from "~/components/user-avatar-menu";