chore: apply new prettier formatting

Author: cprussin

apps/staking/src/components/Dashboard/index.tsx

@@ -273,7 +273,7 @@ const Journey = ({
     )}
     {...props}
   >
-    <div className="grid size-full flex-none basis-0 place-content-center border border-neutral-600/50 bg-pythpurple-800 p-2 text-center font-semibold transition group-data-[empty]:py-8 group-hover/tab:bg-pythpurple-600/30 group-selected/tab:border-pythpurple-400/60 group-selected/tab:bg-pythpurple-600/60 group-hover/tab:group-selected/tab:bg-pythpurple-600/60 sm:py-4 sm:text-lg group-data-[empty]:sm:py-2">
+    <div className="group-selected/tab:border-pythpurple-400/60 group-selected/tab:bg-pythpurple-600/60 group-hover/tab:group-selected/tab:bg-pythpurple-600/60 grid size-full flex-none basis-0 place-content-center border border-neutral-600/50 bg-pythpurple-800 p-2 text-center font-semibold transition group-hover/tab:bg-pythpurple-600/30 group-data-[empty]:py-8 sm:py-4 sm:text-lg group-data-[empty]:sm:py-2">
       <span className="hidden group-data-[empty]:inline sm:inline">
         {longText}
       </span>

apps/staking/src/components/Guide/index.tsx

@@ -63,12 +63,12 @@ export const Guide = ({ title, description, steps, ...props }: Props) => {
               id={index.toString()}
               className="group flex cursor-pointer flex-row items-center gap-4 border border-neutral-600/50 px-6 py-4 transition focus:outline-none focus-visible:ring-1 focus-visible:ring-pythpurple-400 selected:cursor-default selected:border-pythpurple-600 selected:bg-pythpurple-600/20 md:flex-1 md:px-4 md:py-2 lg:border-b lg:border-x-transparent lg:border-t-transparent lg:bg-black/40 lg:px-4 lg:py-6 lg:selected:border-neutral-600/50 lg:selected:border-b-transparent lg:selected:bg-black/40 xl:px-10 2xl:px-20"
             >
-              <Icon className="size-10 flex-none opacity-50 transition group-selected:opacity-100" />
+              <Icon className="group-selected:opacity-100 size-10 flex-none opacity-50 transition" />
               <div className="flex flex-col justify-between">
                 <div className="text-sm tracking-[0.5rem] opacity-50 md:tracking-wide">
                   STEP {index + 1}
                 </div>
-                <div className="opacity-50 transition group-selected:opacity-100 xl:text-xl">
+                <div className="group-selected:opacity-100 opacity-50 transition xl:text-xl">
                   {title}
                 </div>
               </div>

apps/staking/src/components/NoWalletHome/index.tsx

@@ -209,14 +209,14 @@ const ProgramTab = ({
     )}
     {...props}
   >
-    <div className="relative hidden w-4/5 opacity-30 transition group-hover:opacity-60 group-selected:opacity-100 md:block">
+    <div className="group-selected:opacity-100 relative hidden w-4/5 opacity-30 transition group-hover:opacity-60 md:block">
       <div className="absolute inset-0 bg-[#E6DAFE] mix-blend-color" />
       <Image src={image} alt="" className="size-full" />
       <div className="absolute inset-0 top-16 text-center text-2xl text-pythpurple-800 lg:text-3xl">
         {description}
       </div>
     </div>
-    <div className="size-full border border-transparent text-center font-semibold leading-none transition group-selected:border-pythpurple-400 group-selected:bg-pythpurple-600 md:border-neutral-600/50 md:bg-pythpurple-800 md:text-lg md:group-selected:border-pythpurple-400">
+    <div className="group-selected:border-pythpurple-400 group-selected:bg-pythpurple-600 md:group-selected:border-pythpurple-400 size-full border border-transparent text-center font-semibold leading-none transition md:border-neutral-600/50 md:bg-pythpurple-800 md:text-lg">
       <div className="grid size-full place-content-center p-2 group-hover:bg-pythpurple-600/60 md:p-4">
         {children}
       </div>