fix: Add period after description of important date. (#5105)

Also make the table sortable and searchable.

ietf/templates/meeting/important-dates.html

@@ -2,6 +2,9 @@
 {# Copyright The IETF Trust 2017, All Rights Reserved #}
 {% load origin %}
 {% load ietf_filters static textfilters ietf_filters %}
+{% block pagehead %}
+    <link rel="stylesheet" href="{% static "ietf/css/list.css" %}">
+{% endblock %}
 {% block title %}IETF {{ meetings.0.number }}: Important Dates{% endblock %}
 {% block content %}
     {% origin %}
@@ -21,10 +24,10 @@
                 <br>
                 <small class="text-muted">{{ meeting.date }}, {{ meeting.city }}, {{ meeting.country }}</small>
             </h2>
-            <table class="table table-striped">
+            <table class="table table-striped tablesorter">
                 <thead>
                     <tr>
-                        <th scope="col">Date</th>
+                        <th scope="col" data-sort="date">Date</th>
                         <th scope="col">Weekday</th>
                         <th scope="col">Description</th>
                     </tr>
@@ -42,7 +45,7 @@
                                     {% endif %}
                                 </td>
                                 <td>
-                                    {{ d.name.desc|urlize_ietf_docs|linkify }}
+                                    {{ d.name.desc|urlize_ietf_docs|linkify }}{% if d.name.desc|slice:"-1:" != "." %}.{% endif %}
                                     {% if first and d.name.slug == 'openreg' or first and d.name.slug == 'earlybird' %}
                                         <a href="https://www.ietf.org/how/meetings/register/">Register here</a>.
                                     {% endif %}
@@ -78,4 +81,7 @@
             </table>
         {% endif %}
     {% endfor %}
+{% endblock %}
+{% block js %}
+    <script src="{% static "ietf/js/list.js" %}"></script>
 {% endblock %}