refactor: use include for header, sidebar & footer

css/styles.css

@@ -734,7 +734,7 @@ img {
     }
     
     .logo img {
-        height: 30px;
+        height: 50px;
     }
 }
 

css/video-page.css

@@ -792,60 +792,10 @@
 
 /* Media Queries pour le menu réduit */
 @media (max-width: 1200px) and (min-width: 1001px) {
-    .sidebar {
-        width: 70px;
-    }
-    
     .main-content {
         margin-left: 70px;
         width: calc(100% - 70px);
     }
-    
-    .nav-item span {
-        display: none;
-    }
-    
-    /* Masquer complètement la section Hashtags */
-    .category-title, 
-    .tag-item {
-        display: none;
-    }
-    
-    .nav-item {
-        justify-content: center;
-        padding: 15px 0;
-        position: relative;
-    }
-    
-    .nav-item i {
-        margin-right: 0;
-        font-size: 20px;
-    }
-    
-    /* Tooltip for compact mode */
-    .nav-item:hover::after {
-        content: attr(data-title);
-        position: absolute;
-        left: 70px;
-        top: 50%;
-        transform: translateY(-50%);
-        background: var(--sidebar-bg);
-        color: var(--text-color);
-        padding: 5px 10px;
-        border-radius: 4px;
-        white-space: nowrap;
-        box-shadow: 0 1px 5px rgba(0,0,0,0.2);
-        z-index: 100;
-    }
-    
-    .logo {
-        text-align: center;
-        padding: 10px 0;
-    }
-    
-    .logo img {
-        height: 30px;
-    }
 }
 
 /* Message d'erreur */
@@ -856,24 +806,6 @@
     margin: 0 auto;
 }
 
-/* Styles pour la barre latérale */
-.sidebar {
-    width: 250px;
-    height: 100vh;
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: var(--sidebar-bg);
-    overflow-y: auto;
-    padding: 15px 0;
-    z-index: 100;
-    transition: width 0.3s ease;
-}
-
-.sidebar-nav {
-    margin-bottom: 30px;
-}
-
 .nav-item {
     display: flex;
     align-items: center;
@@ -895,33 +827,6 @@
     text-align: center;
 }
 
-.tag-item {
-    display: flex;
-    align-items: center;
-    padding: 8px 15px;
-    font-size: 16px;
-    text-decoration: none;
-    color: var(--text-color);
-}
-
-.tag-item .tag-dot {
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    background-color: var(--primary-red);
-    margin-right: 15px;
-}
-
-.logo {
-    display: block;
-    padding: 10px 15px;
-    margin-bottom: 20px;
-}
-
-.logo img {
-    height: 40px;
-}
-
 /* Modal de téléchargement */
 .modal {
     display: none;