refactor templates layout

@see https://gohugo.io/templates/new-templatesystem-overview/

layouts/_partials/single/post-meta/life-areas.html

@@ -0,0 +1,19 @@
+{{- /*
+  Displays the life areas for an item.
+
+  @params areas  The item's life areas.
+  */
+-}}
+
+
+<section
+  class="article-footer__links"
+  itemprop="articleSection"
+>
+  <h3 id="item-areas-title">Areas</h3>
+  <ul>
+    {{- range .areas.ByTitle -}}
+      <li class="p-category"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+    {{- end -}}
+  </ul>
+</section>