chore: fixed a few destructive buttons (#15990)

apps/web/components/settings/platform/oauth-clients/OAuthClientCard.tsx

@@ -148,11 +148,7 @@ export const OAuthClientCard = ({
           onClick={() => router.push(`/settings/platform/oauth-clients/${id}/edit`)}>
           Edit
         </Button>
-        <Button
-          className="bg-red-500 text-white hover:bg-red-600"
-          loading={isLoading}
-          disabled={isLoading}
-          onClick={() => onDelete(id)}>
+        <Button color="destructive" loading={isLoading} disabled={isLoading} onClick={() => onDelete(id)}>
           Delete
         </Button>
       </div>

apps/web/pages/settings/my-account/profile.tsx

@@ -641,8 +641,7 @@ const ProfileForm = ({
 
                       {showRemoveAvatarButton && (
                         <Button
-                          color="secondary"
-                          className="hover:bg-red-600"
+                          color="destructive"
                           onClick={() => {
                             onChange(null);
                           }}>
@@ -717,8 +716,8 @@ const ProfileForm = ({
                 <span className="text-default ml-2 text-sm">{user.identityProviderEmail}</span>
               )}
               <div className="flex flex-1 justify-end">
-                <Button color="destructive" onClick={onDisconnect} size="sm">
-                  Disconnect
+                <Button color="destructive" onClick={onDisconnect}>
+                  {t("disconnect")}
                 </Button>
               </div>
             </div>