apply review comments

club/templates/club/club_detail.jinja

@@ -44,7 +44,7 @@
           <ul>
             {% for link in links %}
               <li>
-                <a href="{{ link.url }}" rel="noopener" target="_blank">
+                <a href="{{ link.url }}" rel="noopener external" target="_blank">
                   <i class="{{ link.link_type.icon }} fa-xl"></i>{{ link.name }}
                 </a>
               </li>

club/templates/club/club_list.jinja

@@ -67,7 +67,7 @@
               <br>
               <div class="row gap-2x">
                 {% for link in club.links.all() %}
-                  <a href="{{ link.url }}">
+                  <a href="{{ link.url }}" rel="noopener external" target="_blank">
                     <i class="{{ link.link_type.icon }} fa-xl"></i>
                     <strong>{{ link.name }}</strong>
                   </a>

club/templates/club/edit_club.jinja

@@ -27,7 +27,10 @@
           {# we change the icon when the user change it and leave the input,
              or when it is pasted from the clipboard #}
           {{ form.url|add_attr("x-model.change=url,@paste.prevent=url = $event.clipboardData.getData('text')") }}
-          <i :class="linkType.icon || 'fa fa-link'"></i>
+          <i
+            :class="linkType.icon || 'fa fa-link'"
+            tooltip="{% trans %}This icon will change according to the given url.{% endtrans %}"
+          ></i>
         </span>
       </div>
       <div>{{ form.name.as_field_group() }}</div>