Fix invalid CSS class on hierarchical topic tags

When a topic tag was using the hierarchy (for something like
"science.biology"), it would set an invalid class on the tag label,
because it would include the period(s), which can't be used in CSS
classes. This fixes it so that periods will be replaced with dashes.

tildes/tildes/templates/includes/topic_tags.jinja2

@@ -1,11 +1,11 @@
 {# Copyright (c) 2018 Tildes contributors <code@tildes.net> #}
 {# SPDX-License-Identifier: AGPL-3.0-or-later #}
 
+{% from 'macros/topics.jinja2' import topic_tag %}
+
 <ul class="topic-tags">
   {% for tag in topic.tags %}
-    <li class="label label-topic-tag label-topic-tag-{{ tag.replace(' ', '_') }}">
-      <a href="/~{{ topic.group.path }}?tag={{ tag.replace(' ', '_') }}">{{ tag }}</a>
-    </li>
+    {{ topic_tag(tag, "/~"~topic.group.path~"?tag="~tag.replace(' ', '_')) }}
   {% else %}
     <li class="label label-topic-tag">No tags</li>
   {% endfor %}

tildes/tildes/templates/macros/topics.jinja2

@@ -40,13 +40,11 @@
       {% if topic.tags %}
         <ul class="topic-tags">
           {% for tag in topic.tags %}
-            <li class="label label-topic-tag label-topic-tag-{{ tag.replace(' ', '_') }}">
-              {% if request.matched_route.name in ('home', 'group') %}
-                <a href="{{ request.current_listing_normal_url({'tag': tag.replace(' ', '_')}) }}">{{ tag }}</a>
-              {% else %}
-                {{ tag }}
-              {% endif %}
-            </li>
+            {% if request.matched_route_name in ('home', 'group') %}
+              {{ topic_tag(tag, request.current_listing_normal_url({'tag': tag.replace(' ', '_')})) }}
+            {% else %}
+              {{ topic_tag(tag) }}
+            {% endif %}
           {% endfor %}
         </ul>
       {% endif %}
@@ -171,3 +169,13 @@
 
   {{ classes|join(' ') }}
 {% endmacro %}
+
+{% macro topic_tag(tag, link=None) %}
+  <li class="label label-topic-tag label-topic-tag-{{ tag.replace(' ', '_').replace('.', '-') }}">
+    {% if link %}
+      <a href="{{ link }}">{{ tag }}</a>
+    {% else %}
+      {{ tag }}
+    {% endif %}
+  </li>
+{% endmacro %}