feat: add custom css for board and custom classes in advanced options for items (#512)

* feat: add custom css for board and custom classes in advanced options for items

* chore: add mysql migration

* fix: test not working

* fix: format issues

* fix: typecheck issue

* fix: build issue

* chore: add missing translations

* fix: merge issues related to migrations

* fix: format issues

* fix: merge issue with migration

* fix: format issue

packages/api/src/router/board.ts

@@ -16,6 +16,7 @@ import {
 } from "@homarr/db/schema/sqlite";
 import type { WidgetKind } from "@homarr/definitions";
 import { getPermissionsWithParents, widgetKinds } from "@homarr/definitions";
+import type { BoardItemAdvancedOptions } from "@homarr/validation";
 import { createSectionSchema, sharedItemSchema, validation, z } from "@homarr/validation";
 
 import { zodUnionFromArray } from "../../../validation/src/enums";
@@ -229,6 +230,7 @@ export const boardRouter = createTRPCRouter({
             xOffset: item.xOffset,
             yOffset: item.yOffset,
             options: superjson.stringify(item.options),
+            advancedOptions: superjson.stringify(item.advancedOptions),
             sectionId: item.sectionId,
           })),
         );
@@ -515,6 +517,7 @@ const getFullBoardWithWhereAsync = async (db: Database, where: SQL<unknown>, use
         items: section.items.map((item) => ({
           ...item,
           integrations: item.integrations.map((item) => item.integration),
+          advancedOptions: superjson.parse<BoardItemAdvancedOptions>(item.advancedOptions),
           options: superjson.parse<Record<string, unknown>>(item.options),
         })),
       }),

packages/api/src/router/test/board.spec.ts

@@ -664,6 +664,7 @@ describe("saveBoard should save full board", () => {
               width: 1,
               xOffset: 0,
               yOffset: 0,
+              advancedOptions: {},
             },
           ],
         },
@@ -724,6 +725,7 @@ describe("saveBoard should save full board", () => {
               width: 1,
               xOffset: 0,
               yOffset: 0,
+              advancedOptions: {},
             },
           ],
         },
@@ -837,6 +839,7 @@ describe("saveBoard should save full board", () => {
               width: 1,
               xOffset: 3,
               yOffset: 2,
+              advancedOptions: {},
             },
           ],
         },
@@ -905,6 +908,7 @@ describe("saveBoard should save full board", () => {
               width: 1,
               xOffset: 0,
               yOffset: 0,
+              advancedOptions: {},
             },
           ],
         },
@@ -1018,6 +1022,7 @@ describe("saveBoard should save full board", () => {
               width: 2,
               xOffset: 7,
               yOffset: 5,
+              advancedOptions: {},
             },
           ],
         },