style(ui): toats güncelleme

client/src/routes/Settings.svelte

@@ -4,10 +4,10 @@
   import { showToast } from "../stores/toastStore.js";
 
   const tabs = [
-    { id: "general", label: "General", icon: "fa-solid fa-sliders" },
-    { id: "youtube", label: "YouTube", icon: "fa-brands fa-youtube" },
-    { id: "rclone", label: "Rclone", icon: "fa-solid fa-cloud" },
-    { id: "advanced", label: "Advanced", icon: "fa-solid fa-gear" }
+    { id: "general", label: "General", icon: "sliders" },
+    { id: "youtube", label: "YouTube", icon: "youtube" },
+    { id: "rclone", label: "Rclone", icon: "cloud" },
+    { id: "advanced", label: "Advanced", icon: "gear" }
   ];
 
   let activeTab = "youtube";
@@ -269,16 +269,38 @@
   </div>
 
   <div class="tabs">
-    {#each tabs as tab}
-      <button
-        class="tab {activeTab === tab.id ? 'active' : ''}"
-        type="button"
-        on:click={() => (activeTab = tab.id)}
-      >
-        <span class="icon"><i class={tab.icon}></i></span>
-        <span>{tab.label}</span>
-      </button>
-    {/each}
+    <button
+      class="tab {activeTab === 'general' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'general'}
+    >
+      <i class="fa-solid fa-sliders"></i>
+      <span>General</span>
+    </button>
+    <button
+      class="tab {activeTab === 'youtube' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'youtube'}
+    >
+      <i class="fa-brands fa-youtube"></i>
+      <span>YouTube</span>
+    </button>
+    <button
+      class="tab {activeTab === 'rclone' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'rclone'}
+    >
+      <i class="fa-solid fa-cloud"></i>
+      <span>Rclone</span>
+    </button>
+    <button
+      class="tab {activeTab === 'advanced' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'advanced'}
+    >
+      <i class="fa-solid fa-gear"></i>
+      <span>Advanced</span>
+    </button>
   </div>
 
   {#if activeTab === "youtube"}