chore(deps): update dependency eslint to v9 (#452)

* chore(deps): update dependency eslint to v9

* chore: migrate eslint to v9

* fix: dependency issues

* fix: unit tests not working

* chore: disable lint check for Image component that does not work in ci

* fix: lint issue

---------

Co-authored-by: homarr-renovate[bot] <158783068+homarr-renovate[bot]@users.noreply.github.com>
Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

apps/nextjs/src/components/board/sections/category/category-actions.ts

@@ -37,6 +37,7 @@ export const useCategoryActions = () => {
         sections: [
           // Place sections before the new category
           ...previous.sections.filter(
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             (section) => (section.kind === "category" || section.kind === "empty") && section.position < position,
           ),
           {
@@ -56,6 +57,7 @@ export const useCategoryActions = () => {
           ...previous.sections
             .filter(
               (section): section is CategorySection | EmptySection =>
+                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                 (section.kind === "category" || section.kind === "empty") && section.position >= position,
             )
             .map((section) => ({
@@ -74,6 +76,7 @@ export const useCategoryActions = () => {
         const lastSection = previous.sections
           .filter(
             (section): section is CategorySection | EmptySection =>
+              // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
               section.kind === "empty" || section.kind === "category",
           )
           .sort((sectionA, sectionB) => sectionB.position - sectionA.position)
@@ -130,12 +133,13 @@ export const useCategoryActions = () => {
           (section): section is CategorySection => section.kind === "category" && section.id === id,
         );
         if (!currentCategory) return previous;
-        if (currentCategory?.position === 1 && direction === "up") return previous;
-        if (currentCategory?.position === previous.sections.length - 2 && direction === "down") return previous;
+        if (currentCategory.position === 1 && direction === "up") return previous;
+        if (currentCategory.position === previous.sections.length - 2 && direction === "down") return previous;
 
         return {
           ...previous,
           sections: previous.sections.map((section) => {
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             if (section.kind !== "category" && section.kind !== "empty") return section;
             const offset = direction === "up" ? -2 : 2;
             // Move category and empty section

apps/nextjs/src/components/board/sections/content.tsx

@@ -1,6 +1,3 @@
-/* eslint-disable react/no-unknown-property */
-// Ignored because of gridstack attributes
-
 import type { RefObject } from "react";
 import { useEffect, useMemo, useRef } from "react";
 import { ActionIcon, Card, Menu } from "@mantine/core";
@@ -122,6 +119,7 @@ const BoardItemContent = ({ item, ...dimensions }: ItemContentProps) => {
           <Comp
             options={options as never}
             integrationIds={item.integrationIds}
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             serverData={serverData?.data as never}
             isEditMode={isEditMode}
             boardId={board.id}

apps/nextjs/src/components/board/sections/gridstack/init-gridstack.ts

@@ -37,7 +37,7 @@ export const initializeGridstack = ({ section, refs, sectionColumnCount }: Initi
     `.grid-stack-${section.kind}[data-section-id='${section.id}']`,
   );
   const grid = newGrid.current;
-  if (!grid) return false;
+
   // Must be used to update the column count after the initialization
   grid.column(sectionColumnCount, "none");
 

apps/nextjs/src/components/board/sections/gridstack/use-gridstack.ts

@@ -54,15 +54,15 @@ export const useGridstack = ({ section, mainRef }: UseGridstackProps): UseGrista
   const onChange = useCallback(
     (changedNode: GridStackNode) => {
       const itemId = changedNode.el?.getAttribute("data-id");
-      if (!itemId) return;
+      if (!itemId || !changedNode.x || !changedNode.y || !changedNode.w || !changedNode.h) return;
 
       // Updates the react-query state
       moveAndResizeItem({
         itemId,
-        xOffset: changedNode.x!,
-        yOffset: changedNode.y!,
-        width: changedNode.w!,
-        height: changedNode.h!,
+        xOffset: changedNode.x,
+        yOffset: changedNode.y,
+        width: changedNode.w,
+        height: changedNode.h,
       });
     },
     [moveAndResizeItem],
@@ -70,16 +70,16 @@ export const useGridstack = ({ section, mainRef }: UseGridstackProps): UseGrista
   const onAdd = useCallback(
     (addedNode: GridStackNode) => {
       const itemId = addedNode.el?.getAttribute("data-id");
-      if (!itemId) return;
+      if (!itemId || !addedNode.x || !addedNode.y || !addedNode.w || !addedNode.h) return;
 
       // Updates the react-query state
       moveItemToSection({
         itemId,
         sectionId: section.id,
-        xOffset: addedNode.x!,
-        yOffset: addedNode.y!,
-        width: addedNode.w!,
-        height: addedNode.h!,
+        xOffset: addedNode.x,
+        yOffset: addedNode.y,
+        width: addedNode.w,
+        height: addedNode.h,
       });
     },
     [moveItemToSection, section.id],
@@ -121,7 +121,6 @@ export const useGridstack = ({ section, mainRef }: UseGridstackProps): UseGrista
     }
 
     // Only run this effect when the section items change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items.length, section.items.length, board.columnCount]);
 
   return {