chore: improve importing of some packages (#647)

* chore: improve importing of some packages

* fix: not same version for all dependencies

* fix: lint and format issue

apps/nextjs/package.json

@@ -32,6 +32,7 @@
     "@homarr/validation": "workspace:^0.1.0",
     "@homarr/widgets": "workspace:^0.1.0",
     "@mantine/colors-generator": "^7.10.1",
+    "@mantine/core": "^7.10.1",
     "@mantine/hooks": "^7.10.1",
     "@mantine/modals": "^7.10.1",
     "@mantine/tiptap": "^7.10.1",
@@ -40,7 +41,8 @@
     "@tanstack/react-query": "^5.40.1",
     "@tanstack/react-query-devtools": "^5.40.1",
     "@tanstack/react-query-next-experimental": "5.41.0",
-    "@trpc/client": "11.0.0-rc.401",
+    "@tabler/icons-react": "^3.5.0",
+    "@trpc/client": "next",
     "@trpc/next": "next",
     "@trpc/react-query": "next",
     "@trpc/server": "next",
@@ -57,9 +59,11 @@
     "mantine-react-table": "2.0.0-beta.4",
     "next": "^14.2.3",
     "postcss-preset-mantine": "^1.15.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "prismjs": "^1.29.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-error-boundary": "^4.0.13",
+    "react-simple-code-editor": "^0.13.1",
     "sass": "^1.77.4",
     "superjson": "2.2.1",
     "use-deep-compare-effect": "^1.8.1"
@@ -70,6 +74,7 @@
     "@homarr/tsconfig": "workspace:^0.1.0",
     "@types/chroma-js": "2.4.4",
     "@types/node": "^20.14.2",
+    "@types/prismjs": "^1.26.4",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "concurrently": "^8.2.2",

apps/nextjs/src/components/board/items/item-select-modal.tsx

@@ -1,12 +1,12 @@
 import { Button, Card, Center, Grid, Stack, Text } from "@mantine/core";
 
+import { objectEntries } from "@homarr/common";
 import type { WidgetKind } from "@homarr/definitions";
 import { createModal } from "@homarr/modals";
 import { useI18n } from "@homarr/translation/client";
+import { widgetImports } from "@homarr/widgets";
+import type { WidgetDefinition } from "@homarr/widgets";
 
-import { objectEntries } from "../../../../../../packages/common/src";
-import { widgetImports } from "../../../../../../packages/widgets/src";
-import type { WidgetDefinition } from "../../../../../../packages/widgets/src/definition";
 import { useItemActions } from "./item-actions";
 
 export const ItemSelectModal = createModal<void>(({ actions }) => {

apps/nextjs/src/components/manage/boards/add-board-modal.tsx

@@ -1,10 +1,9 @@
 import { Button, Group, Stack, TextInput } from "@mantine/core";
-import { boardSchemas } from "node_modules/@homarr/validation/src/board";
 
 import { useZodForm } from "@homarr/form";
 import { createModal } from "@homarr/modals";
 import { useI18n } from "@homarr/translation/client";
-import { z } from "@homarr/validation";
+import { validation, z } from "@homarr/validation";
 import { createCustomErrorParams } from "@homarr/validation/form";
 
 interface InnerProps {
@@ -16,7 +15,7 @@ export const AddBoardModal = createModal<InnerProps>(({ actions, innerProps }) =
   const t = useI18n();
   const form = useZodForm(
     z.object({
-      name: boardSchemas.byName.shape.name.refine((value) => !innerProps.boardNames.includes(value), {
+      name: validation.board.byName.shape.name.refine((value) => !innerProps.boardNames.includes(value), {
         params: createCustomErrorParams("boardAlreadyExists"),
       }),
     }),

apps/tasks/src/lib/queue/creator.ts

@@ -1,6 +1,5 @@
-import type { z } from "zod";
-
 import type { MaybePromise } from "@homarr/common/types";
+import type { z } from "@homarr/validation";
 
 export const createQueue = <TInput extends z.ZodType>(input: TInput) => {
   return {