refactor: use include for header, sidebar & footer

includes/sidebar.php

@@ -0,0 +1,55 @@
+<!-- Sidebar de navigation -->
+<div class="sidebar">
+    <a href="index.php" class="logo">
+        <img src="img/logo.png" alt="Kaubuntu.re">
+    </a>
+    
+    <nav class="sidebar-nav">
+        <a href="index.php" class="nav-item" data-title="Accueil">
+            <i class="fas fa-home"></i> <span>Accueil</span>
+        </a>
+        <a href="#" class="nav-item" data-title="Direct">
+            <i class="fas fa-broadcast-tower"></i> <span>Direct</span>
+        </a>
+        
+        <div class="nav-divider"></div>
+        
+        <a href="#" class="nav-item" data-title="Explorer">
+            <i class="fas fa-compass"></i> <span>Explorer</span>
+        </a>
+        <a href="#" class="nav-item" data-title="Actualité">
+            <i class="fas fa-globe"></i> <span>Actualité</span>
+        </a>
+        <a href="#" class="nav-item" data-title="Musique">
+            <i class="fas fa-music"></i> <span>Musique</span>
+        </a>
+        <a href="#" class="nav-item" data-title="Histoire">
+            <i class="fas fa-monument"></i> <span>Histoire</span>
+        </a>
+        <a href="#" class="nav-item" data-title="Sport">
+            <i class="fas fa-running"></i> <span>Sport</span>
+        </a>
+        
+        <div class="nav-divider"></div>
+        
+        <div class="category-title">
+            <i class="fas fa-hashtag"></i> <span>Hashtags</span>
+        </div>
+        
+        <a href="#" class="tag-item" data-title="Interview">
+            <div class="tag-dot"></div> <span>Interview</span>
+        </a>
+        <a href="#" class="tag-item" data-title="Conférence">
+            <div class="tag-dot"></div> <span>Conférence</span>
+        </a>
+        <a href="#" class="tag-item" data-title="Colonialisme">
+            <div class="tag-dot"></div> <span>Colonialisme</span>
+        </a>
+        <a href="#" class="tag-item" data-title="La Réunion">
+            <div class="tag-dot"></div> <span>La Réunion</span>
+        </a>
+        <a href="#" class="tag-item" data-title="Afrique">
+            <div class="tag-dot"></div> <span>Afrique</span>
+        </a>
+    </nav>
+</div>