Implement tag cloud on bookmark page

bookmarks/templates/bookmarks/index.html

@@ -1,5 +1,6 @@
 {% extends "bookmarks/layout.html" %}
 {% load shared %}
+{% load bookmarks %}
 
 {% block content %}
     <div class="columns">
@@ -65,6 +66,7 @@
             <div class="content-area-header">
                 <h2>Tags</h2>
             </div>
+            {% tag_cloud tags %}
         </section>
     </div>
 

bookmarks/templates/bookmarks/tag_cloud.html

@@ -0,0 +1,14 @@
+{% load shared %}
+
+<div class="tag-cloud">
+    {% for group in groups %}
+        <p class="group">
+            <span class="group-label mr-2">{{ group.char }}</span>
+            {% for tag in group.tags %}
+                <a href="?{% append_query_param q=tag.name %}">
+                    <span class="mr-2">{{ tag.name }}</span>
+                </a>
+            {% endfor %}
+        </p>
+    {% endfor %}
+</div>