Adding hint Archived to archive label. (#26741)

Followup  #26478
## Archived labels UI

Changed:
* Enhanced the Filtered UI page to seamlessly incorporate a list of
archived labels.

Outsourced:
* Defer the implementation of specialized handling for archived labels
to upcoming pull requests. This step will be undertaken subsequent to
the successful merge of this pull request.

Screenshots

![image](https://github.com/go-gitea/gitea/assets/80308335/1f33cfb2-2bac-46f0-9103-9e62d235b1d2)

![image](https://github.com/go-gitea/gitea/assets/80308335/3609acd0-b1ba-4ee9-8c4e-1a34dbc37dd7)

![image](https://github.com/go-gitea/gitea/assets/80308335/9860196d-2391-409b-a9a0-1205ab4b412b)

---

Part of #25237

---------

Co-authored-by: Giteabot <[email protected]>
Co-authored-by: silverwind <[email protected]>

Author: 3 people

options/locale/locale_en-US.ini

@@ -317,6 +317,7 @@ filter_by_team_repositories = Filter by team repositories
 feed_of = Feed of "%s"
 
 show_archived = Archived
+archived = Archived
 show_both_archived_unarchived = Showing both archived and unarchived
 show_only_archived = Showing only archived
 show_only_unarchived = Showing only unarchived

templates/repo/issue/labels/label_list.tmpl

@@ -33,6 +33,11 @@
 		<li class="item">
 			<div class="label-title">
 				{{RenderLabel $.Context .}}
+				{{if not .ArchivedUnix.IsZero}}
+					<span class="gt-ml-3 gt-cursor-default gt-italic" data-tooltip-content="{{$.locale.Tr "repo.issues.label_archive_tooltip"}}">
+						{{$.locale.Tr "home.archived"}}
+					</span>
+				{{end}}
 				{{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}
 			</div>
 			<div class="label-issues">

web_src/css/helpers.css

@@ -71,7 +71,7 @@ Gitea's private styles use `g-` prefix.
 .gt-no-underline { text-decoration-line: none !important; }
 .gt-w-auto { width: auto !important; }
 .gt-normal-case { text-transform: none !important; }
-
+.gt-italic { font-style: italic !important; }
 .gt-overflow-x-auto { overflow-x: auto !important; }
 .gt-overflow-x-scroll { overflow-x: scroll !important; }
 .gt-overflow-y-hidden { overflow-y: hidden !important; }