Revert "Merge pull request 'ui-update' (#1) from ui-update into main"

This reverts commit c9135c617b, reversing
changes made to 0f181833e5.

client/src/components/Sidebar.svelte

@@ -16,9 +16,7 @@ let hasMusic = false;
   // Svelte store kullanarak reaktivite sağla
   import { writable } from 'svelte/store';
   const diskSpaceStore = writable({ totalGB: '0', usedGB: '0', usedPercent: 0 });
- let diskSpace;
-  let hasMedia = false;
-  $: hasMedia = hasMovies || hasShows || hasMusic;
+  let diskSpace;
   
   // Store subscription'ı temizlemek için
   let unsubscribeDiskSpace;
@@ -135,7 +133,7 @@ const unsubscribeMusic = musicCount.subscribe((count) => {
 <div class="sidebar" class:open={menuOpen}>
   <div class="logo">du.pe</div>
 
-  <div class="menu primary-menu">
+  <div class="menu">
     <Link
       to="/"
       class="item"
@@ -148,6 +146,48 @@ const unsubscribeMusic = musicCount.subscribe((count) => {
       Files
     </Link>
 
+    {#if hasMovies}
+      <Link
+        to="/movies"
+        class="item"
+        getProps={({ isCurrent }) => ({
+          class: isCurrent ? "item active" : "item",
+        })}
+        on:click={handleLinkClick}
+      >
+        <i class="fa-solid fa-film icon"></i>
+        Movies
+      </Link>
+    {/if}
+
+    {#if hasShows}
+      <Link
+        to="/tv"
+        class="item"
+        getProps={({ isCurrent }) => ({
+          class: isCurrent ? "item active" : "item",
+        })}
+        on:click={handleLinkClick}
+      >
+        <i class="fa-solid fa-tv icon"></i>
+        Tv Shows
+      </Link>
+    {/if}
+
+    {#if hasMusic}
+      <Link
+        to="/music"
+        class="item"
+        getProps={({ isCurrent }) => ({
+          class: isCurrent ? "item active" : "item",
+        })}
+        on:click={handleLinkClick}
+      >
+        <i class="fa-solid fa-music icon"></i>
+        Music
+      </Link>
+    {/if}
+
     <Link
       to="/transfers"
       class="item"
@@ -176,57 +216,6 @@ const unsubscribeMusic = musicCount.subscribe((count) => {
     </Link>
   </div>
   
-  {#if hasMedia}
-    <div class="menu media-menu">
-      <div class="menu-header">
-        <span class="menu-label">Media</span>
-      </div>
-      <div class="menu-divider"></div>
-
-      {#if hasMovies}
-        <Link
-          to="/movies"
-          class="item"
-          getProps={({ isCurrent }) => ({
-            class: isCurrent ? "item active" : "item",
-          })}
-          on:click={handleLinkClick}
-        >
-          <i class="fa-solid fa-film icon"></i>
-          Movies
-        </Link>
-      {/if}
-
-      {#if hasShows}
-        <Link
-          to="/tv"
-          class="item"
-          getProps={({ isCurrent }) => ({
-            class: isCurrent ? "item active" : "item",
-          })}
-          on:click={handleLinkClick}
-        >
-          <i class="fa-solid fa-tv icon"></i>
-          Tv Shows
-        </Link>
-      {/if}
-
-      {#if hasMusic}
-        <Link
-          to="/music"
-          class="item"
-          getProps={({ isCurrent }) => ({
-            class: isCurrent ? "item active" : "item",
-          })}
-          on:click={handleLinkClick}
-        >
-          <i class="fa-solid fa-music icon"></i>
-          Music
-        </Link>
-      {/if}
-    </div>
-  {/if}
-
   <!-- Disk Space Alanı - Sidebar'ın en altında -->
   <div class="disk-space">
     <div class="disk-space-header">
@@ -251,53 +240,24 @@ const unsubscribeMusic = musicCount.subscribe((count) => {
           ></div>
         </div>
         </div>
+        
+        <style>
+          .badge {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 18px;
+            height: 18px;
+            padding: 0 5px;
+            margin-left: 8px;
+            background: #f44336;
+            color: white;
+            font-size: 11px;
+            font-weight: 600;
+            border-radius: 9px;
+            line-height: 1;
+          }
+        </style>
     </div>
   </div>
 </div>
-
-<style>
-  .menu {
-    display: flex;
-    flex-direction: column;
-    gap: 1px;
-  }
-
-  .menu.media-menu {
-    margin-top: 10px;
-    padding-top: 0;
-  }
-
-  .menu-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 0 10px;
-    color: #8d93a1;
-    font-size: 11px;
-    letter-spacing: 0.4px;
-    text-transform: uppercase;
-    font-weight: 600;
-  }
-
-  .menu-divider {
-    height: 1px;
-    margin: 1px 1px 1px;
-    background: rgba(255, 255, 255, 0.08);
-  }
-
-  .badge {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 18px;
-    height: 18px;
-    padding: 0 5px;
-    margin-left: 8px;
-    background: #f44336;
-    color: white;
-    font-size: 11px;
-    font-weight: 600;
-    border-radius: 9px;
-    line-height: 1;
-  }
-</style>