fix: keep destructive confirmations red

apps/nextjs/src/app/[locale]/manage/users/[userId]/general/_components/_profile-avatar-form.tsx

@@ -119,6 +119,7 @@ export const UserProfileAvatarForm = ({ user }: UserProfileAvatarForm) => {
           </FileButton>
           {user.image && (
             <InlineConfirmMenuItem
+              color="red"
               onConfirm={handleRemoveAvatar}
               confirmLabel={tCommon("action.confirm")}
               disabled={isPending}

apps/nextjs/src/components/board/items/item-menu.tsx

@@ -143,6 +143,7 @@ const BoardItemMenuInner = ({ item, definition, previewDimensions, resetErrorBou
         )}
         <Menu.Divider />
         <InlineConfirmMenuItem
+          color="red"
           confirmLabel={tItem("remove.message")}
           leftSection={<IconTrash size={16} />}
           onConfirm={() => removeItem({ itemId: item.id })}

apps/nextjs/src/components/board/sections/container/container-menu.tsx

@@ -60,6 +60,7 @@ export const BoardContainerMenu = ({ section }: { section: ContainerSectionItem
         </Menu.Item>
         <Menu.Divider />
         <InlineConfirmMenuItem
+          color="red"
           confirmLabel={tContainer("remove.message")}
           leftSection={<IconTrash size={16} />}
           onConfirm={() => removeContainer({ id: section.id })}