feat: pagination for videos and icon separating

templates/partials/_brand_icon.html

@@ -4,8 +4,6 @@
   {% if site_branding.icon %}src="{{ site_branding.icon.url }}"{% else %}src="{% static 'images/favicon-180.png' %}"{% endif %}
   {% if site_branding.icon_alt %}alt="{{ site_branding.icon_alt }}"{% else %}alt="" aria-hidden="true"{% endif %}
   class="brand-icon"
-  width="{{ site_branding.footer_icon_size }}"
-  height="{{ site_branding.footer_icon_size }}"
   style="{{ site_branding.footer_icon_style }}"
 />
 {% else %}
@@ -13,8 +11,6 @@
   {% if site_branding.icon %}src="{{ site_branding.icon.url }}"{% else %}src="{% static 'images/favicon-180.png' %}"{% endif %}
   {% if site_branding.icon_alt %}alt="{{ site_branding.icon_alt }}"{% else %}alt="" aria-hidden="true"{% endif %}
   class="brand-icon"
-  width="{{ site_branding.navbar_icon_size }}"
-  height="{{ site_branding.navbar_icon_size }}"
   style="{{ site_branding.navbar_icon_style }}"
 />
 {% endif %}

templates/partials/_page_videos.html

@@ -1,6 +1,12 @@
 {% if videos %}
-<section class="section product-videos-section" aria-label="Product videos">
+<section class="section product-videos-section" aria-label="Featured videos">
   <div class="container">
+    {% if videos_archive_url %}
+    <div class="video-preview-heading">
+      <div><span class="section-badge">Video library</span><h2>Featured videos</h2></div>
+      <span>{{ videos_total_count }} videos</span>
+    </div>
+    {% endif %}
     <div class="product-videos-list">
       {% for video in videos %}
       {% if video.has_video %}
@@ -10,6 +16,11 @@
       {% endif %}
       {% endfor %}
     </div>
+    {% if videos_archive_url %}
+    <div class="video-preview-more">
+      <a href="{{ videos_archive_url }}" class="btn-ghost">More videos <span aria-hidden="true">→</span></a>
+    </div>
+    {% endif %}
   </div>
 </section>
 {% endif %}