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/weather/component.tsx

@@ -1,16 +1,12 @@
-import type { RouterOutputs } from "@homarr/api";
-import { clientApi } from "@homarr/api/client";
+import { Card, Flex, Group, Stack, Text, Title } from "@mantine/core";
 import {
-  Card,
-  Flex,
-  Group,
   IconArrowDownRight,
   IconArrowUpRight,
   IconMapPin,
-  Stack,
-  Text,
-  Title,
-} from "@homarr/ui";
+} from "@tabler/icons-react";
+
+import type { RouterOutputs } from "@homarr/api";
+import { clientApi } from "@homarr/api/client";
 
 import type { WidgetComponentProps } from "../definition";
 import { WeatherIcon } from "./icon";

packages/widgets/src/weather/icon.tsx

@@ -1,8 +1,5 @@
-import type { TranslationObject } from "@homarr/translation";
-import { useScopedI18n } from "@homarr/translation/client";
-import type { TablerIcon } from "@homarr/ui";
+import { Box, Tooltip } from "@mantine/core";
 import {
-  Box,
   IconCloud,
   IconCloudFog,
   IconCloudRain,
@@ -11,8 +8,11 @@ import {
   IconQuestionMark,
   IconSnowflake,
   IconSun,
-  Tooltip,
-} from "@homarr/ui";
+} from "@tabler/icons-react";
+
+import type { TranslationObject } from "@homarr/translation";
+import { useScopedI18n } from "@homarr/translation/client";
+import type { TablerIcon } from "@homarr/ui";
 
 interface WeatherIconProps {
   code: number;

packages/widgets/src/weather/index.ts

@@ -1,4 +1,5 @@
-import { IconCloud } from "@homarr/ui";
+import { IconCloud } from "@tabler/icons-react";
+
 import { z } from "@homarr/validation";
 
 import { createWidgetDefinition } from "../definition";