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]/auth/login/_login-form.tsx

@@ -2,19 +2,19 @@
 
 import { useState } from "react";
 import { useRouter } from "next/navigation";
-
-import { signIn } from "@homarr/auth/client";
-import { useForm, zodResolver } from "@homarr/form";
-import { useScopedI18n } from "@homarr/translation/client";
 import {
   Alert,
   Button,
-  IconAlertTriangle,
   PasswordInput,
   rem,
   Stack,
   TextInput,
-} from "@homarr/ui";
+} from "@mantine/core";
+import { IconAlertTriangle } from "@tabler/icons-react";
+
+import { signIn } from "@homarr/auth/client";
+import { useForm, zodResolver } from "@homarr/form";
+import { useScopedI18n } from "@homarr/translation/client";
 import type { z } from "@homarr/validation";
 import { validation } from "@homarr/validation";
 

apps/nextjs/src/app/[locale]/auth/login/page.tsx

@@ -1,5 +1,6 @@
+import { Card, Center, Stack, Text, Title } from "@mantine/core";
+
 import { getScopedI18n } from "@homarr/translation/server";
-import { Card, Center, Stack, Text, Title } from "@homarr/ui";
 
 import { HomarrLogoWithTitle } from "~/components/layout/logo/homarr-logo";
 import { LoginForm } from "./_login-form";