Enhance User Experience by Opening external UI Links in new Tab on browser.

[VICIWUOHA]

---

DESCRIPTION

In the Airflow UI today, a couple of pages on the Menu bar have links that point to external Apache Airflow related links eg; documentation/github Repo as outlined here .

Issue:
At the moment, when a user clicks on them, it literally removes you from the UI on the same browser tab. Users now need to click back to return to the UI, it gets more tricky when you've clicked so many links on the docs page. This is same for the prompt that comes up when no webserverSecretKey has been set.

Included: Also open provider links in new tab.

Proposed Solution:
Simply enrich the html tags to open in a new tab, easier to modify this via jinja.

Concerns: As at today, we have very few external links directly in the Menu Bar. Coincidentally containing "apache", if this changes in future, then users would experience the same issue.

• For third party provider links, this implementation ensures that no referrer/origin information is sent to the external website, improving security of user platforms.

Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

[boring-cyborg]

Congratulations on your first Pull Request and welcome to the Apache Airflow community! If you have any issues or are unsure about any anything please check our Contributors' Guide (https://github.com/apache/airflow/blob/main/contributing-docs/README.rst)
Here are some useful points:

• Pay attention to the quality of your code (ruff, mypy and type annotations). Our pre-commits will help you with that.
• In case of a new feature add useful documentation (in docstrings or in docs/ directory). Adding a new operator? Check this short guide Consider adding an example DAG that shows how users should use it.
• Consider using Breeze environment for testing locally, it's a heavy docker but it ships with a working Airflow and a lot of integrations.
• Be patient and persistent. It might take some time to get a review or get the final approval from Committers.
• Please follow ASF Code of Conduct for all communication including (but not limited to) comments on Pull Requests, Mailing list and Slack.
• Be sure to read the Airflow Coding style.
• Always keep your Pull Requests rebased, otherwise your build might fail due to changes not related to your commits.
  Apache Airflow is a community-driven project and together we are making it better 🚀.
  In case of doubts contact the developers at:
  Mailing List: dev@airflow.apache.org
  Slack: https://s.apache.org/airflow-slack

[VICIWUOHA]

Still Finalizing tests on this.

[VICIWUOHA]

May need to modify the test tests/www/views/test_views.py::test__clean_description to include target="_blank" rel="noopener noreferrer"

[VICIWUOHA]

Have updated tests to validate this new behaviour.

New UI Link functionality in gif below.

[potiuk]

I looked closer - small thing requested - to be more precise with URL prefix check rather than apache in the name,

[boring-cyborg]

Awesome work, congrats on your first merged pull request! You are invited to check our Issue Tracker for additional contributions.