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/validation/src/index.ts

@@ -18,4 +18,10 @@ export const validation = {
   icons: iconsSchemas,
 };
 
-export { createSectionSchema, sharedItemSchema, type BoardItemIntegration } from "./shared";
+export {
+  createSectionSchema,
+  sharedItemSchema,
+  itemAdvancedOptionsSchema,
+  type BoardItemIntegration,
+  type BoardItemAdvancedOptions,
+} from "./shared";

packages/validation/src/shared.ts

@@ -13,6 +13,12 @@ export const integrationSchema = z.object({
 
 export type BoardItemIntegration = z.infer<typeof integrationSchema>;
 
+export const itemAdvancedOptionsSchema = z.object({
+  customCssClasses: z.array(z.string()).default([]),
+});
+
+export type BoardItemAdvancedOptions = z.infer<typeof itemAdvancedOptionsSchema>;
+
 export const sharedItemSchema = z.object({
   id: z.string(),
   xOffset: z.number(),
@@ -20,6 +26,7 @@ export const sharedItemSchema = z.object({
   height: z.number(),
   width: z.number(),
   integrations: z.array(integrationSchema),
+  advancedOptions: itemAdvancedOptionsSchema,
 });
 
 export const commonItemSchema = z