changes

src/components/AccountProxySettings.tsx

@@ -14,16 +14,16 @@ function AccountProxyItem({ account }: { account: CloudAccount }) {
   const [proxySaved, setProxySaved] = useState(false);
 
   return (
-    <div className="flex items-center justify-between gap-4 py-3 border-b last:border-0">
+    <div className="flex items-center justify-between gap-4 border-b py-3 last:border-0">
       <div className="flex items-center gap-3 overflow-hidden">
         {account.avatar_url ? (
           <img
             src={account.avatar_url}
             alt={account.name || ''}
-            className="bg-muted h-8 w-8 rounded-full border shrink-0"
+            className="bg-muted h-8 w-8 shrink-0 rounded-full border"
           />
         ) : (
-          <div className="bg-primary/10 text-primary flex h-8 w-8 items-center justify-center rounded-full border shrink-0">
+          <div className="bg-primary/10 text-primary flex h-8 w-8 shrink-0 items-center justify-center rounded-full border">
             {account.name?.[0]?.toUpperCase() || 'A'}
           </div>
         )}
@@ -31,7 +31,7 @@ function AccountProxyItem({ account }: { account: CloudAccount }) {
           <span className="truncate text-sm font-semibold">
             {account.name || t('cloud.card.unknown')}
           </span>
-          <span className="truncate text-xs text-muted-foreground">{account.email}</span>
+          <span className="text-muted-foreground truncate text-xs">{account.email}</span>
         </div>
       </div>
 
@@ -67,7 +67,9 @@ function AccountProxyItem({ account }: { account: CloudAccount }) {
         />
         <div className="w-16">
           {proxySaved && (
-            <span className="text-[10px] text-green-500 whitespace-nowrap">{t('cloud.card.proxySaved')}</span>
+            <span className="text-[10px] whitespace-nowrap text-green-500">
+              {t('cloud.card.proxySaved')}
+            </span>
           )}
         </div>
       </div>
@@ -87,7 +89,7 @@ export function AccountProxySettings() {
           <CardDescription>{t('settings.proxy.accountProxies.description')}</CardDescription>
         </CardHeader>
         <CardContent className="flex justify-center p-6">
-          <Loader2 className="animate-spin text-muted-foreground" />
+          <Loader2 className="text-muted-foreground animate-spin" />
         </CardContent>
       </Card>
     );