Draft: Filter by expired artifacts toggle added

• Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA. As a benefit of being a GitLab Community Contributor, you receive complimentary access to GitLab Duo.

What does this MR do and why?

Filter by expired artifacts toggle added

Changelog: added

.

References

Screenshots or screen recordings

with expired artifacts	without expired artifacts
expired_artifact	no_expired

How to set up and validate locally

• Pull both branch frontend and backend locally and create another branch fullstack-branch.
  merge both branch in fullstack-branch.

  OR

• Merge backend branch into frontend branch or vice versa.

• backend MR:!196821 (closed)

1. git pull backend-branch (388882_Backend_Filtering_expired_artifacts)
2. git pull frontend-branch (378947_frontend_filter_whether_artifacts_expired)
3. git checkout -b fullstack-branch
4. git merge backend-branch
5. git merge frontend-branch
6. start gdk
7. visit any project with expired artifacts
8. visit artifacts page(shown in screen record)

(in my gdk setup)

1. git pull origin 388882_Backend_Filtering_expired_artifacts
2. git pull origin 378947_frontend_filter_whether_artifacts_expired
3. git checkout -b fullstack
4. git merge 388882_Backend_Filtering_expired_artifacts
5. git merge 378947_frontend_filter_whether_artifacts_expired
6. start gdk (project with expired artifacts)
7. visit project with expired artifacts: http://gdk.test:3000/new-project/-/artifacts
8. use toggle to see expired artifacts
9. visit project with no expired artifacts,show alert

MR acceptance checklist

related issue:#378947 (closed)

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.