style(ui): fix prettier formatting in tree-item and stepper

ui/components/providers/organizations/org-account-tree-item.tsx

@@ -9,10 +9,7 @@ import {
   TooltipTrigger,
 } from "@/components/shadcn/tooltip";
 import { cn } from "@/lib/utils";
-import {
-  APPLY_STATUS,
-  DiscoveredAccount,
-} from "@/types/organizations";
+import { APPLY_STATUS, DiscoveredAccount } from "@/types/organizations";
 import { TreeRenderItemParams } from "@/types/tree";
 
 const TREE_ITEM_MODE = {
@@ -51,7 +48,9 @@ export function OrgAccountTreeItem({
     return (
       <div className="flex flex-1 items-center gap-3">
         <div className={`${idColumnClass} flex items-center gap-2`}>
-          {ItemIcon && <ItemIcon className="text-muted-foreground size-4 shrink-0" />}
+          {ItemIcon && (
+            <ItemIcon className="text-muted-foreground size-4 shrink-0" />
+          )}
           <span className="text-sm">{item.id}</span>
         </div>
         <div className="min-w-0 flex-1">
@@ -85,7 +84,9 @@ export function OrgAccountTreeItem({
     <div className="flex flex-1 items-center gap-3">
       {/* Account ID */}
       <div className={cn(idColumnClass, "flex items-center gap-2")}>
-        {ItemIcon && <ItemIcon className="text-muted-foreground size-4 shrink-0" />}
+        {ItemIcon && (
+          <ItemIcon className="text-muted-foreground size-4 shrink-0" />
+        )}
         <span className={cn("text-sm", isBlocked && "text-muted-foreground")}>
           {account.id}
         </span>

ui/components/providers/wizard/wizard-stepper.tsx

@@ -1,11 +1,6 @@
 "use client";
 
-import {
-  CircleCheckBig,
-  FolderGit2,
-  KeyRound,
-  Rocket,
-} from "lucide-react";
+import { CircleCheckBig, FolderGit2, KeyRound, Rocket } from "lucide-react";
 import { ReactElement } from "react";
 
 import { ProwlerShort } from "@/components/icons/prowler/ProwlerIcons";
@@ -69,7 +64,11 @@ export function WizardStepper({
         return (
           <div key={step.label} className="flex items-start gap-3">
             <div className="flex flex-col items-center">
-              <StepCircle isComplete={isComplete} isActive={isActive} icon={step.icon} />
+              <StepCircle
+                isComplete={isComplete}
+                isActive={isActive}
+                icon={step.icon}
+              />
               {index < STEPS.length - 1 && (
                 <StepConnector isComplete={isComplete} />
               )}
@@ -103,11 +102,7 @@ interface StepCircleProps {
   icon: IconComponent;
 }
 
-function StepCircle({
-  isComplete,
-  isActive,
-  icon: Icon,
-}: StepCircleProps) {
+function StepCircle({ isComplete, isActive, icon: Icon }: StepCircleProps) {
   if (isComplete) {
     return (
       <div className="bg-button-primary-press flex size-[44px] shrink-0 items-center justify-center rounded-full">