Replace Instagram image with Font Awesome icon and add Telegram to footer

[Copilot]

The Instagram link in the footer used an <img> tag while all other social media links use Font Awesome icons. This PR replaces it with fab fa-instagram for consistency, ensures left alignment, and adds Telegram icon.

Changes

• Template (default_page.tpl):

  • Replaced Instagram image tag with Font Awesome icon
  • Removed hidden email links that were centering the Instagram icon
  • Added Telegram icon and link (https://t.me/democracy_app)

  <!-- Before -->
  <a href="mailto:..." style="display: none;"><i class="fa fa-envelope mail"></i></a>
  &nbsp;
  <a href="https://instagram.com/democracy_app">
    <img src="./files/images/instagram-icon.svg">
  </a>
  &nbsp;
  <a href="mailto:..." style="display: none;"><i class="fa fa-envelope mail"></i></a>
  
  <!-- After -->
  <a href="https://instagram.com/democracy_app">
    <i class="fab fa-instagram instagram"></i>
  </a>
  &nbsp;
  <a href="https://t.me/democracy_app">
    <i class="fab fa-telegram telegram"></i>
  </a>

• CSS (default_page.css): Added hover states with brand colors

  .instagram:hover {
    color: #E1306C !important;
    border-color: #E1306C !important;
  }
  .telegram:hover {
    color: #0088cc !important;
    border-color: #0088cc !important;
  }

Result

The footer social media section now displays:

• Row 1: Facebook, Twitter, YouTube
• Row 2: GitHub, Discord, Mail
• Row 3: Instagram, Telegram (left-aligned)

All icons use Font Awesome and display their respective brand colors on hover. The implementation follows the same pattern as existing social media icons.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Instagram logo im footer ist ein bild statt ein icon</issue_title>
<issue_description>aktuell ist im footer der button/Link zu instagram ein bild statt wie die anderen social media links ein icon.

ersetze das bild zu einem icon wie die anderen social media buttons.
heim hover soll es eine instagram typische färbe haben.

<ul id="sm">
                    <li>
                        <a href="https://www.facebook.com/democracygermany/" target="_blank"><i class="fab fa-facebook facebook"></i></a>
                        &nbsp;
                        <a href="https://twitter.com/democracy_de" target="_blank"><i class="fab fa-twitter twitter"></i></a>
                        &nbsp;
                        <a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank"><i class="fab fa-youtube youtube"></i></a>
                    </li>
                    <li>
                        <a href="https://github.com/demokratie-live/" target="_blank"><i class="fab fa-github github"></i></a>
                        &nbsp;
                        <a href="https://discord.gg/ZWcFrEc" target="_blank"><i class="fab fa-discord discord"></i></a>
                        &nbsp;
                        <a href="mailto:contact@democracy-deutschland.de" target="_blank"><i class="fa fa-envelope mail"></i></a>
                    </li>
                    <li>
                        <a href="mailto:contact@democracy-deutschland.de" target="_blank" style="display: none;"><i class="fa fa-envelope mail"></i></a>
                        &nbsp;
                        <a href="https://instagram.com/democracy_app" target="_blank"><img src="./files/images/instagram-icon.png" onerror="this.onerror=null; this.src='./files/images/instagram-icon.png'"></a>
                        &nbsp;
                        <a href="mailto:contact@democracy-deutschland.de" target="_blank" style="display: none;"><i class="fa fa-envelope mail"></i></a>
                        <!--<a href="https://www.tiktok.com/@democracy_app" target="_blank">t</a>-->
                    </li>
                </ul>
```</issue_description>

## Comments on the Issue (you are @copilot in this section)

<comments>
</comments>

• Fixes Instagram logo im footer ist ein bild statt ein icon #77

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[ManAnRuck]

@copilot das instagram icon soll links und nicht mittig ausgerichtet sein und füge telegram hinzu (https://t.me/democracy_app)

[ManAnRuck]

@copilot das instagram icon soll links und nicht mittig ausgerichtet sein und füge telegram hinzu (https://t.me/democracy_app)

[Copilot]

@copilot das instagram icon soll links und nicht mittig ausgerichtet sein und füge telegram hinzu (https://t.me/democracy_app)

Done in commit 4566a84. Instagram and Telegram icons are now left-aligned in the third row, and Telegram has been added with its brand color (#0088cc) on hover.

The footer social media section now shows:

• Row 1: Facebook, Twitter, YouTube
• Row 2: GitHub, Discord, Mail
• Row 3: Instagram, Telegram (left-aligned)