Add more icons to aside sections (#33482)

source/_includes/asides/about.html

@@ -1,5 +1,5 @@
 <section class="aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">About Home Assistant</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:about-circle-outline"></iconify-icon> About Home Assistant</h1>
   <ul class="divided">
     <li>
       {{ site.description }}

source/_includes/asides/categories.html

@@ -1,5 +1,5 @@
 <section class="aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">Categories</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:category"></iconify-icon> Categories</h1>
   <ul class="divided">
     {% assign categories = site.categories | sort %}
     {% for category in categories %}

source/_includes/asides/dashboards_navigation.html

@@ -2,7 +2,7 @@
   {% assign elements = site.dashboards | sort_natural: 'title' %}
 
   <div class="section">
-    <h1 class="title epsilon">Dashboards</h1>
+    <h1 class="title epsilon"><iconify-icon icon="mdi:view-dashboard"></iconify-icon> Dashboards</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /dashboards/ Introduction %}</li>
       <li>
@@ -21,7 +21,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">View types</h1>
+    <h1 class="title epsilon"><iconify-icon icon="mdi:about-circle-outline"></iconify-icon> View types</h1>
     <ul class="divided sidebar-menu">
       {% for element in elements %}
         {% if element.type == "view" %}
@@ -32,7 +32,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">Card types</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:card-multiple-outline"></iconify-icon> Card types</h1>
     <ul class="divided sidebar-menu">
       {% for element in elements %}
         {% if element.type == "card" %}
@@ -43,7 +43,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">Advanced</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:cog"></iconify-icon> Advanced</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /dashboards/features/ Features %}</li>
       <li>{% active_link /dashboards/header-footer/ Headers & footers %}</li>

source/_includes/asides/recent_posts.html

@@ -1,5 +1,5 @@
 <section id="recent-posts" class="aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">Recent Posts</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:newspaper-variant-multiple"></iconify-icon> Recent Posts</h1>
   <ul class="divided">
     {% for post in site.posts limit: site.recent_posts %}
       {% if post.url != page.url  %}

source/_includes/asides/voice_navigation.html

@@ -2,7 +2,7 @@
   {% assign elements = site.dashboards | sort_natural: 'title' %}
 
   <div class="section">
-    <h1 class="title epsilon">Devices</h1>
+    <h1 class="title epsilon"><iconify-icon icon="mdi:devices"></iconify-icon> Devices</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/android/ Assist for Android %}</li>
       <li>{% active_link /voice_control/apple/ Assist for Apple %}</li>
@@ -11,7 +11,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">{% active_link /voice_control/ Voice assistants %}</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:comment-processing-outline"></iconify-icon> {% active_link /voice_control/ Voice assistants %}</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/voice_remote_local_assistant/ Configuring a local assistant %}</li>
       <li>{% active_link /voice_control/voice_remote_cloud_assistant/ Configuring a cloud assistant %}</li>
@@ -27,7 +27,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">Projects</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:checkbox-marked"></iconify-icon> Projects</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/s3_box_voice_assistant/ Tutorial: ESP32-S3-BOX voice assistant %}</li>
       <li>{% active_link /voice_control/s3-box-customize/ Tutorial: Customize the S3-BOX %}</li>
@@ -38,7 +38,7 @@
     </ul>
   </div>
   <div class="section">
-    <h1 class="title epsilon">Troubleshooting</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:account-help"></iconify-icon> Troubleshooting</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/troubleshooting/ Troubleshooting Assist %}</li>
       <li>{% active_link /voice_control/troubleshooting_the_s3_box/ Troubleshooting the ESP32-S3-BOX %}</li>

source/_includes/post/sharing.html

@@ -1,5 +1,5 @@
 <section class="sharing aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">Share this post</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:ios-share"></iconify-icon> Share this post</h1>
   <ul class="divided">
   {% if site.twitter_tweet_button %}
     <li>