app:chore: run check

Author: lumpinif

apps/app/app/(auth)/[pathname]/page.tsx

@@ -24,19 +24,19 @@ export default async function AuthPage({
       <AuthCard pathname={pathname} />
       <div className="block py-12 text-center text-muted-foreground text-sm sm:fixed sm:right-0 sm:bottom-0 sm:left-0 dark:text-muted-foreground/80">
         <a
-          target="_blank"
-          href="/terms-of-service"
           className="hover:underline"
+          href="/terms-of-service"
           rel="noopener noreferrer"
+          target="_blank"
         >
           Terms of Service
         </a>
         <span className="mx-2">|</span>
         <a
-          target="_blank"
-          href="/privacy"
           className="hover:underline"
+          href="/privacy"
           rel="noopener noreferrer"
+          target="_blank"
         >
           Privacy Policy
         </a>

apps/app/app/(dashboard)/app/account/components/account-skeletons.tsx

@@ -103,8 +103,8 @@ export function ProvidersManagementCardSkeleton() {
         {/* Provider items skeleton */}
         {Array.from({ length: 5 }).map((_, index) => (
           <div
-            key={index}
             className="flex items-center justify-between rounded-lg border p-3"
+            key={index}
           >
             <div className="flex items-center gap-3">
               <Skeleton className="h-5 w-5" />
@@ -160,8 +160,8 @@ export function MultipleAccountsManagementCardSkeleton() {
           <div className="space-y-3">
             {Array.from({ length: 2 }).map((_, index) => (
               <div
-                key={index}
                 className="flex items-center justify-between rounded-lg border p-3"
+                key={index}
               >
                 <div className="flex items-center gap-3">
                   <Skeleton className="h-8 w-8 rounded-full" />
@@ -227,8 +227,8 @@ export function SessionsManagementCardSkeleton() {
         <div className="space-y-3">
           {Array.from({ length: 3 }).map((_, index) => (
             <div
-              key={index}
               className="flex items-center justify-between rounded-lg border p-3 max-sm:flex-col max-sm:items-start max-sm:gap-y-2"
+              key={index}
             >
               <div className="flex items-center gap-3 max-sm:w-full max-sm:justify-between">
                 <div className="flex items-center gap-x-2">

apps/app/app/(dashboard)/app/account/components/multiple-accounts-management-card.tsx

@@ -53,7 +53,7 @@ import { MultipleAccountsManagementCardSkeleton } from './account-skeletons';
 function UserAvatar({ user }: { user: Session['user'] | LDSUser }) {
   return (
     <Avatar className="h-8 w-8 rounded-full">
-      <AvatarImage src={user.image || ''} alt={user.name} />
+      <AvatarImage alt={user.name} src={user.image || ''} />
       <AvatarFallback className="rounded-full">
         {user.name?.charAt(0).toUpperCase() ||
           user.email?.charAt(0).toUpperCase()}
@@ -236,8 +236,8 @@ export function MultipleAccountsManagementCard() {
 
                 return (
                   <div
-                    key={session.session.id || index}
                     className="flex items-center justify-between rounded-lg border p-3"
+                    key={session.session.id || index}
                   >
                     <div className="flex items-center gap-3">
                       <UserAvatar user={session.user} />
@@ -273,15 +273,15 @@ export function MultipleAccountsManagementCard() {
 
                     <div className="flex items-center gap-2">
                       <SpinnerButton
-                        size="sm"
-                        variant="outline"
-                        isLoading={isSwitchingThis}
                         disabled={isSwitching || isRemoving}
+                        isLoading={isSwitchingThis}
                         onClick={() => handleSwitchAccount(session)}
+                        size="sm"
+                        variant="outline"
                       >
                         {isSwitchingThis ? (
                           <>
-                            <Loader2 size={15} className="mr-2 animate-spin" />
+                            <Loader2 className="mr-2 animate-spin" size={15} />
                             Switching...
                           </>
                         ) : (
@@ -293,15 +293,15 @@ export function MultipleAccountsManagementCard() {
                       </SpinnerButton>
 
                       <SpinnerButton
-                        size="sm"
-                        variant="outline"
-                        isLoading={isRemovingThis}
                         disabled={isSwitching || isRemoving}
+                        isLoading={isRemovingThis}
                         onClick={() => handleRemoveAccount(session)}
+                        size="sm"
+                        variant="outline"
                       >
                         {isRemovingThis ? (
                           <>
-                            <Loader2 size={15} className="mr-2 animate-spin" />
+                            <Loader2 className="mr-2 animate-spin" size={15} />
                             Removing...
                           </>
                         ) : (
@@ -330,9 +330,9 @@ export function MultipleAccountsManagementCard() {
             </p>
             <Button
               asChild
+              className="max-sm:w-full"
               size="sm"
               variant="outline"
-              className="max-sm:w-full"
             >
               <Link href="/login">
                 <Plus className="mr-2 h-4 w-4" />
@@ -343,7 +343,7 @@ export function MultipleAccountsManagementCard() {
         )}
 
         {/* Remove Account Confirmation Dialog */}
-        <Dialog open={isRemoveDialogOpen} onOpenChange={setIsRemoveDialogOpen}>
+        <Dialog onOpenChange={setIsRemoveDialogOpen} open={isRemoveDialogOpen}>
           <DialogContent>
             <DialogHeader>
               <DialogTitle>Remove Account</DialogTitle>
@@ -366,17 +366,17 @@ export function MultipleAccountsManagementCard() {
               </div>
             )}
             <div className="flex justify-end gap-2">
-              <Button variant="outline" onClick={cancelRemoveAccount}>
+              <Button onClick={cancelRemoveAccount} variant="outline">
                 Cancel
               </Button>
               <SpinnerButton
-                variant="destructive"
                 isLoading={isRemoving}
                 onClick={confirmRemoveAccount}
+                variant="destructive"
               >
                 {isRemoving ? (
                   <>
-                    <Loader2 size={15} className="mr-2 animate-spin" />
+                    <Loader2 className="mr-2 animate-spin" size={15} />
                     Removing...
                   </>
                 ) : (