refactor: use include for header, sidebar & footer

includes/header.php

@@ -1,25 +1,34 @@
-<header>
-    <div class="container">
-        <div class="header-container">
-            <div class="logo">
-                <a href="index.php">
-                    <img src="img/logo.png" alt="Kaubuntu.re">
+<!-- Header avec barre de recherche et icônes -->
+<div class="header">
+    <div class="search-container">
+        <form action="search.php" method="get">
+            <input type="text" name="q" placeholder="Recherche">
+            <button type="submit"><i class="fas fa-search"></i></button>
+        </form>
+    </div>
+    
+    <div class="social-icons">
+        <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>" class="icon-button"><i class="fab fa-instagram icon-instagram"></i></a>
+        <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>" class="icon-button"><i class="fab fa-tiktok icon-tiktok"></i></a>
+        <div class="more-social-container">
+            <a href="#" class="icon-button more-social-toggle"><i class="fas fa-ellipsis-h"></i></a>
+            <div class="more-social-dropdown">
+                <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>" class="more-social-item">
+                    <i class="fab fa-facebook icon-facebook"></i> Facebook
+                </a>
+                <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>" class="more-social-item">
+                    <i class="fab fa-youtube icon-youtube"></i> YouTube
+                </a>
+                <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>" class="more-social-item">
+                    <i class="fab fa-x-twitter icon-x"></i> X
                 </a>
             </div>
-            
-            <nav class="desktop-nav">
-                <ul>
-                    <li><a href="index.php">Accueil</a></li>
-                    <li><a href="categories.php">Catégories</a></li>
-                    <li><a href="channels.php">Chaînes</a></li>
-                    <li><a href="about.php">À propos</a></li>
-                    <li><a href="contact.php">Contact</a></li>
-                </ul>
-            </nav>
-            
-            <button class="mobile-menu-toggle">
-                <i class="fas fa-bars"></i>
-            </button>
         </div>
     </div>
-</header> 
+    
+    <div class="action-icons">
+        <button class="mobile-menu-toggle">
+            <i class="fas fa-bars"></i>
+        </button>
+    </div>
+</div>