Replace status with archived badge on work item sticky header when its under an archived project/group.

Follow up for !205352 (comment 2757832797)

Do we have a separate issue to make the blue banner sticky at the top? This is essential for two scenarios: (1) items with many comments and (2) the mobile version. This way users will always see the blue message and won't be confused about why they can't comment.

In archived group/projects, the sticky header of work items must show an archived badge. We would hide the status badge in favor of this badge.

Design	Demo
	Screen_Recording_2025-10-21_at_7.09.04_PM

Implementation Guide

1. Create an archived_badge.vue component in app/assets/javascripts/issuable/components (use locked_badge.vue as reference)
2. Add archived props to the WorkItemStickyHeader.
   • Whe true, render the archived badge and hide the status badge.
3. Pass workItem.archived to the sticky header in WorkItemDetail