Run prettier

.prettierignore

@@ -2,3 +2,4 @@ node_modules
 dist
 coverage
 storybook-static
+.yarn

src/core/components/accordion/accordionItemContent/accordionItemContent.tsx

@@ -10,7 +10,7 @@ export const AccordionItemContent = forwardRef<HTMLDivElement, IAccordionItemCon
     return (
         <RadixAccordionContent
             className={classNames(
-                'overflow-hidden ', // default styles
+                'overflow-hidden', // default styles
                 'data-[state=open]:animate-[accordionExpand_0.3s_cubic-bezier(0.87,_0,_0.13,_1)_forwards]', // expanding animation
                 'data-[state=closed]:animate-[accordionCollapse_0.3s_cubic-bezier(0.87,_0,_0.13,_1)_forwards]', // collapsing animation
                 className,

src/modules/components/asset/assetDataListItem/assetDataListItemStructure/assetDataListItemStructure.tsx

@@ -80,7 +80,7 @@ export const AssetDataListItemStructure: React.FC<IAssetDataListItemStructurePro
                 <div className="flex items-center">
                     <Avatar src={logoSrc} responsiveSize={{ md: 'md', sm: 'sm' }} className="block" />
                 </div>
-                <div className=" flex w-full justify-between">
+                <div className="flex w-full justify-between">
                     <div className="flex flex-col gap-y-0.5">
                         <span className="truncate text-sm leading-tight text-neutral-800 md:text-base">{name}</span>
                         <p className="text-sm leading-tight text-neutral-500 md:text-base">

src/modules/components/asset/assetTransfer/assetTransferAddress/assetTransferAddress.tsx

@@ -42,8 +42,8 @@ export const AssetTransferAddress: React.FC<IAssetTransferAddressProps> = (props
                 'active:border-neutral-300 active:shadow-none', //active
                 'md:w-1/2 md:p-6', //responsive
                 {
-                    'rounded-t-xl  md:rounded-l-xl md:rounded-r-none': txRole === 'sender', // sender base
-                    'rounded-b-xl  md:rounded-l-none md:rounded-r-xl md:pl-8': txRole === 'recipient', // recipient base
+                    'rounded-t-xl md:rounded-l-xl md:rounded-r-none': txRole === 'sender', // sender base
+                    'rounded-b-xl md:rounded-l-none md:rounded-r-xl md:pl-8': txRole === 'recipient', // recipient base
                 },
                 {
                     'border-x border-t md:border-y md:border-l md:border-r-0': txRole === 'sender', // sender borders

src/modules/components/dao/daoDataListItem/daoDataListItemSkeleton/daoDataListItemSkeleton.tsx

@@ -15,7 +15,7 @@ export const DaoDataListItemSkeleton: React.FC<IDaoDataListItemSkeletonProps> =
             {...otherProps}
         >
             <div className="grid gap-y-5 py-1.5">
-                <div className=" flex w-full justify-between space-x-4">
+                <div className="flex w-full justify-between space-x-4">
                     <div className="grid w-full gap-y-3 text-neutral-800 md:w-2/3 md:gap-y-2">
                         <StateSkeletonBar size="xl" responsiveSize={{ md: '2xl' }} width="100%" />
                         <StateSkeletonBar responsiveSize={{ md: 'lg' }} width="50%" />

src/modules/components/dao/daoDataListItem/daoDataListItemStructure/daoDataListItemStructure.tsx

@@ -40,7 +40,7 @@ export const DaoDataListItemStructure: React.FC<IDaoDataListItemStructureProps>
     return (
         <DataList.Item {...otherProps}>
             <div className="grid gap-y-4 py-1 md:py-1.5">
-                <div className=" flex w-full justify-between">
+                <div className="flex w-full justify-between">
                     <div className="grid gap-y-1.5 text-neutral-800">
                         <Heading size="h2" as="h1">
                             {name}

src/modules/components/member/memberDataListItem/memberDataListItemSkeleton/memberDataListItemSkeleton.tsx

@@ -14,7 +14,7 @@ export const MemberDataListItemSkeleton: React.FC<IMemberDataListItemSkeletonPro
             className={classNames('bg-neutral-0 py-3 md:py-3.5', className)}
             {...otherProps}
         >
-            <div className="flex flex-col items-start justify-center gap-y-3 py-2 md:min-w-44 md:gap-y-4 md:py-3 ">
+            <div className="flex flex-col items-start justify-center gap-y-3 py-2 md:min-w-44 md:gap-y-4 md:py-3">
                 <StateSkeletonCircular size="sm" responsiveSize={{ md: 'lg' }} />
 
                 <StateSkeletonBar size="lg" responsiveSize={{ md: 'xl' }} width="100%" />

src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx

@@ -53,7 +53,7 @@ export const ProposalDataListItemStatus: React.FC<IProposalDataListItemStatusPro
                         className={classNames('text-sm leading-tight md:text-base', {
                             'text-info-800': status === 'active',
                             'text-warning-800': status === 'challenged' || status === 'vetoed',
-                            'text-neutral-800 ': ongoing === false,
+                            'text-neutral-800': ongoing === false,
                         })}
                     >
                         {/* TODO: apply internationalization [APP-2627]; apply relative date formatter [APP-2944] */}