fix(deps): update mantine monorepo to ^7.6.2 (#221)

* fix(deps): update mantine monorepo to ^7.6.2

* fix: lint issue as use-element-size ref is typed correctly again

* fix: remove unnecessary type convertion

---------

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

apps/nextjs/package.json

@@ -27,10 +27,10 @@
     "@homarr/ui": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
     "@homarr/widgets": "workspace:^0.1.0",
-    "@mantine/colors-generator": "^7.6.1",
-    "@mantine/hooks": "^7.6.1",
-    "@mantine/modals": "^7.6.1",
-    "@mantine/tiptap": "^7.6.1",
+    "@mantine/colors-generator": "^7.6.2",
+    "@mantine/hooks": "^7.6.2",
+    "@mantine/modals": "^7.6.2",
+    "@mantine/tiptap": "^7.6.2",
     "@t3-oss/env-nextjs": "^0.9.2",
     "@tanstack/react-query": "^5.27.5",
     "@tanstack/react-query-devtools": "^5.27.8",

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

@@ -37,7 +37,6 @@ interface Props {
 
 export const SectionContent = ({ items, refs }: Props) => {
   const board = useRequiredBoard();
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const { ref, width, height } = useElementSize<HTMLDivElement>();
 
   return (
@@ -59,7 +58,7 @@ export const SectionContent = ({ items, refs }: Props) => {
             ref={refs.items.current[item.id] as RefObject<HTMLDivElement>}
           >
             <Card
-              ref={ref as RefObject<HTMLDivElement>}
+              ref={ref}
               className={cx(classes.itemCard, "grid-stack-item-content")}
               withBorder
               styles={{