feat: add mastodon link in mobile menu

includes/mobile-menu.php

@@ -3,14 +3,14 @@
     <button class="mobile-menu-close">
         <i class="fas fa-times"></i>
     </button>
-    
+
     <div class="search-container">
         <form action="recherche.php" method="get">
             <input type="text" name="q" placeholder="Rechercher...">
             <button type="submit"><i class="fas fa-search"></i></button>
         </form>
     </div>
-    
+
     <div>
         <a href="index.php" class="nav-item <?php echo ($currentPage === 'index.php') ? 'active' : ''; ?>">
             <i class="fas fa-home"></i> Accueil
@@ -18,9 +18,9 @@
         <a href="direct.php" class="nav-item <?php echo ($currentPage === 'direct.php') ? 'active' : ''; ?>">
             <i class="fas fa-broadcast-tower"></i> Direct
         </a>
-        
+
         <hr class="nav-divider">
-        
+
         <?php
         // Afficher les catégories prioritaires
         if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
@@ -45,7 +45,7 @@
                 17 => 'fas fa-child',           // Enfants
                 18 => 'fas fa-utensils'         // Cuisine
             ];
-            
+
             foreach (PRIORITY_CATEGORIES as $id => $name) {
                 $isActive = ($currentPage === 'categories.php' && $currentCategoryId === $id);
                 $icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
@@ -55,13 +55,13 @@
             }
         }
         ?>
-        
+
         <hr class="nav-divider">
     </div>
-    
+
     <div>
         <h3 class="mobile-section-title">Hashtags populaires</h3>
-        <?php 
+        <?php
         if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
             foreach (IMPORTANT_TAGS as $tag):
                 $encodedTag = urlencode('#' . $tag);
@@ -70,17 +70,18 @@
         <a href="recherche.php?q=<?php echo $encodedTag; ?>" class="nav-item <?php echo $isActive ? 'active' : ''; ?>">
             <i class="fas fa-hashtag"></i> <?php echo htmlspecialchars($tag); ?>
         </a>
-        <?php 
+        <?php
             endforeach;
         endif;
         ?>
     </div>
-    
+
     <hr class="nav-divider">
-    
+
     <div>
         <h3 class="mobile-section-title">Suivez-nous</h3>
         <div class="mobile-social-icons">
+            <a target="_blank" rel="noreferrer" href="<?php echo MASTODON_URL; ?>"><i class="fab fa-mastodon icon-mastodon"></i></a>
             <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
             <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
             <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>