chore: update prettier configuration for print width (#519)

* feat: update prettier configuration for print width

* chore: apply code formatting to entire repository

* fix: remove build files

* fix: format issue

---------

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

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

@@ -2,17 +2,10 @@ import type { MutableRefObject, RefObject } from "react";
 import { createRef, useCallback, useEffect, useMemo, useRef } from "react";
 import { useAtomValue } from "jotai";
 
-import type {
-  GridItemHTMLElement,
-  GridStack,
-  GridStackNode,
-} from "@homarr/gridstack";
+import type { GridItemHTMLElement, GridStack, GridStackNode } from "@homarr/gridstack";
 
 import type { Section } from "~/app/[locale]/boards/_types";
-import {
-  useMarkSectionAsReady,
-  useRequiredBoard,
-} from "~/app/[locale]/boards/(content)/_context";
+import { useMarkSectionAsReady, useRequiredBoard } from "~/app/[locale]/boards/(content)/_context";
 import { editModeAtom } from "../../editMode";
 import { useItemActions } from "../../items/item-actions";
 import { initializeGridstack } from "./init-gridstack";
@@ -32,10 +25,7 @@ interface UseGridstackProps {
   mainRef?: RefObject<HTMLDivElement>;
 }
 
-export const useGridstack = ({
-  section,
-  mainRef,
-}: UseGridstackProps): UseGristackReturnType => {
+export const useGridstack = ({ section, mainRef }: UseGridstackProps): UseGristackReturnType => {
   const isEditMode = useAtomValue(editModeAtom);
   const markAsReady = useMarkSectionAsReady();
   const { moveAndResizeItem, moveItemToSection } = useItemActions();
@@ -157,10 +147,7 @@ interface UseCssVariableConfiguration {
  * @param mainRef reference to the main div wrapping all sections
  * @param gridRef reference to the gridstack object
  */
-const useCssVariableConfiguration = ({
-  mainRef,
-  gridRef,
-}: UseCssVariableConfiguration) => {
+const useCssVariableConfiguration = ({ mainRef, gridRef }: UseCssVariableConfiguration) => {
   const board = useRequiredBoard();
 
   // Get reference to the :root element
@@ -177,10 +164,7 @@ const useCssVariableConfiguration = ({
       if (!mainRef?.current) return;
       const widgetWidth = mainRef.current.clientWidth / board.columnCount;
       // widget width is used to define sizes of gridstack items within global.scss
-      root?.style.setProperty(
-        "--gridstack-widget-width",
-        widgetWidth.toString(),
-      );
+      root?.style.setProperty("--gridstack-widget-width", widgetWidth.toString());
       gridRef.current?.cellHeight(widgetWidth);
     };
     onResize();
@@ -194,9 +178,6 @@ const useCssVariableConfiguration = ({
 
   // Define column count by using the sectionColumnCount
   useEffect(() => {
-    root?.style.setProperty(
-      "--gridstack-column-count",
-      board.columnCount.toString(),
-    );
+    root?.style.setProperty("--gridstack-column-count", board.columnCount.toString());
   }, [board.columnCount, root]);
 };