Add social media icons row to footer (#827)

* Initial plan

* Add social icons row to footer above copyright section

Co-authored-by: ckenst <6896787+ckenst@users.noreply.github.com>

* Add security and accessibility improvements to footer social icons

Co-authored-by: ckenst <6896787+ckenst@users.noreply.github.com>

* Update footer social icons with actual URLs and Font Awesome 6.5.1 icons

Co-authored-by: ckenst <6896787+ckenst@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: ckenst <6896787+ckenst@users.noreply.github.com>

Author: Copilot

_includes/footer.html

@@ -29,6 +29,17 @@
         </ul>
       </div>
     </div>
+    <div class="footer-social-icons">
+      <a href="https://testingconferences.us11.list-manage.com/subscribe?u=2a811daec24cc97909dfdf01d&id=88f87313fc" target="_blank" rel="noopener noreferrer" aria-label="Subscribe to Newsletter" title="Subscribe to Newsletter">
+        <i class="fa-solid fa-envelope fa-2x"></i>
+      </a>
+      <a href="https://github.com/TestingConferences/testingconferences.github.io" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub">
+        <i class="fa-brands fa-github fa-2x"></i>
+      </a>
+      <a href="https://x.com/testconferences" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)" title="X (Twitter)">
+        <i class="fa-brands fa-x-twitter fa-2x"></i>
+      </a>
+    </div>
     <div name="copyright" class="footer-col-wrapper">
       © 2015 - 2026 {{ site.title }} by <a href="https://www.kenst.com/" target="_blank">Chris Kenst</a>
     </div>

_sass/_layout.scss

@@ -201,6 +201,22 @@
     }
 }
 
+.footer-social-icons {
+    text-align: center;
+    padding: 20px 0;
+    
+    a {
+        color: $grey-color;
+        margin: 0 15px;
+        transition: color 0.3s ease;
+        
+        &:hover,
+        &:focus {
+            color: $grey-color-dark;
+        }
+    }
+}
+
 
 
 /**