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>

packages/widgets/src/iframe/component.tsx

@@ -7,9 +7,7 @@ import { useI18n } from "@homarr/translation/client";
 import type { WidgetComponentProps } from "../definition";
 import classes from "./component.module.css";
 
-export default function IFrameWidget({
-  options,
-}: WidgetComponentProps<"iframe">) {
+export default function IFrameWidget({ options }: WidgetComponentProps<"iframe">) {
   const t = useI18n();
   const { embedUrl, ...permissions } = options;
   const allowedPermissions = getAllowedPermissions(permissions);
@@ -18,12 +16,7 @@ export default function IFrameWidget({
 
   return (
     <Box h="100%" w="100%">
-      <iframe
-        className={classes.iframe}
-        src={embedUrl}
-        title="widget iframe"
-        allow={allowedPermissions.join(" ")}
-      >
+      <iframe className={classes.iframe} src={embedUrl} title="widget iframe" allow={allowedPermissions.join(" ")}>
         <Text>{t("widget.iframe.error.noBrowerSupport")}</Text>
       </iframe>
     </Box>
@@ -41,9 +34,7 @@ const NoUrl = () => {
   );
 };
 
-const getAllowedPermissions = (
-  permissions: Omit<WidgetComponentProps<"iframe">["options"], "embedUrl">,
-) => {
+const getAllowedPermissions = (permissions: Omit<WidgetComponentProps<"iframe">["options"], "embedUrl">) => {
   return objectEntries(permissions)
     .filter(([_key, value]) => value)
     .map(([key]) => permissionMapping[key]);
@@ -58,7 +49,4 @@ const permissionMapping = {
   allowPayment: "payment",
   allowScrolling: "scrolling",
   allowTransparency: "transparency",
-} satisfies Record<
-  keyof Omit<WidgetComponentProps<"iframe">["options"], "embedUrl">,
-  string
->;
+} satisfies Record<keyof Omit<WidgetComponentProps<"iframe">["options"], "embedUrl">, string>;

packages/widgets/src/iframe/index.ts

@@ -3,22 +3,19 @@ import { IconBrowser } from "@tabler/icons-react";
 import { createWidgetDefinition } from "../definition";
 import { optionsBuilder } from "../options";
 
-export const { definition, componentLoader } = createWidgetDefinition(
-  "iframe",
-  {
-    icon: IconBrowser,
-    options: optionsBuilder.from((factory) => ({
-      embedUrl: factory.text(),
-      allowFullScreen: factory.switch(),
-      allowScrolling: factory.switch({
-        defaultValue: true,
-      }),
-      allowTransparency: factory.switch(),
-      allowPayment: factory.switch(),
-      allowAutoPlay: factory.switch(),
-      allowMicrophone: factory.switch(),
-      allowCamera: factory.switch(),
-      allowGeolocation: factory.switch(),
-    })),
-  },
-).withDynamicImport(() => import("./component"));
+export const { definition, componentLoader } = createWidgetDefinition("iframe", {
+  icon: IconBrowser,
+  options: optionsBuilder.from((factory) => ({
+    embedUrl: factory.text(),
+    allowFullScreen: factory.switch(),
+    allowScrolling: factory.switch({
+      defaultValue: true,
+    }),
+    allowTransparency: factory.switch(),
+    allowPayment: factory.switch(),
+    allowAutoPlay: factory.switch(),
+    allowMicrophone: factory.switch(),
+    allowCamera: factory.switch(),
+    allowGeolocation: factory.switch(),
+  })),
+}).withDynamicImport(() => import("./component"));