chore: update Prettier configuration and dependencies; refactor code formatting for consistency (#3926)

src/components/connection/connection-detail.tsx

@@ -86,9 +86,7 @@ const InnerConnectionDetail = ({ data, onClose }: InnerProps) => {
     { label: t("Rule"), value: rule },
     {
       label: t("Process"),
-      value: `${metadata.process}${
-        metadata.processPath ? `(${metadata.processPath})` : ""
-      }`,
+      value: `${metadata.process}${metadata.processPath ? `(${metadata.processPath})` : ""}`,
     },
     { label: t("Time"), value: dayjs(data.start).fromNow() },
     {

src/components/profile/profile-item.tsx

@@ -59,7 +59,9 @@ export const ProfileItem = (props: Props) => {
     transform,
     transition,
     isDragging,
-  } = useSortable({ id: props.id });
+  } = useSortable({
+    id: props.id,
+  });
 
   const { t } = useTranslation();
   const [anchorEl, setAnchorEl] = useState<any>(null);

src/components/test/test-item.tsx

@@ -30,7 +30,9 @@ export const TestItem = (props: Props) => {
     transform,
     transition,
     isDragging,
-  } = useSortable({ id: props.id });
+  } = useSortable({
+    id: props.id,
+  });
 
   const { t } = useTranslation();
   const [anchorEl, setAnchorEl] = useState<any>(null);