chore: apply code formatting

Author: EduardoDePatta

components/ds/DividerComponent.tsx

@@ -1,13 +1,13 @@
 "use client";
 interface DividerProps {
-  margin?: 'small' | 'medium' | 'large';
+  margin?: "small" | "medium" | "large";
 }
 
-const DividerComponent: React.FC<DividerProps> = ({ margin = 'small' }) => {
+const DividerComponent: React.FC<DividerProps> = ({ margin = "small" }) => {
   const marginClasses = {
-    small: 'my-2',
-    medium: 'my-6',
-    large: 'my-8',
+    small: "my-2",
+    medium: "my-6",
+    large: "my-8",
   };
 
   return <div className={`bg-border h-[1px] ${marginClasses[margin]}`}></div>;

components/utils/resize-image.utils.test.ts

@@ -182,7 +182,11 @@ describe("Image Processing Functions", () => {
 
     const cropRect = { x: 50, y: 50, width: 100, height: 50 };
 
-    const result = calculateCropDimensions(imgMock, currentImageRefMock, cropRect);
+    const result = calculateCropDimensions(
+      imgMock,
+      currentImageRefMock,
+      cropRect
+    );
 
     expect(result).toEqual({
       x: 100,
@@ -197,16 +201,20 @@ describe("Image Processing Functions", () => {
       width: 1000,
       height: 500,
     } as HTMLImageElement;
-  
+
     const currentImageRefMock = {
       clientWidth: 500,
       clientHeight: 250,
     } as HTMLImageElement;
-  
+
     const cropRect = { x: 150, y: 150, width: -100, height: -50 };
-  
-    const result = calculateCropDimensions(imgMock, currentImageRefMock, cropRect);
-  
+
+    const result = calculateCropDimensions(
+      imgMock,
+      currentImageRefMock,
+      cropRect
+    );
+
     expect(result).toEqual({
       x: 100,
       y: 200,

components/utils/resize-image.utils.ts

@@ -248,7 +248,7 @@ export function calculateCropDimensions(
   const scaleY = img.height / currentImageRef.clientHeight;
 
   const x = Math.min(cropRect.x, cropRect.x + cropRect.width) * scaleX;
-  const y = Math.min(cropRect.y, cropRect.y + cropRect.height) * scaleY; 
+  const y = Math.min(cropRect.y, cropRect.y + cropRect.height) * scaleY;
   const width = Math.abs(cropRect.width) * scaleX;
   const height = Math.abs(cropRect.height) * scaleY;
 

pages/utilities/image-to-base64.tsx

@@ -64,7 +64,7 @@ export default function ImageToBase64() {
             <Button variant="outline" onClick={() => handleCopyBase64(base64)}>
               {buttonBase64}
             </Button>
-            
+
             <DividerComponent margin="medium" />
 
             <Label>Use in {"<img>"} tag:</Label>