feat: add text settings components

src/components/layout/SettingsGrid.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    children: Snippet;
+  }
+
+  let { children }: Props = $props();
+</script>
+
+<div class="settings-grid">
+  {@render children()}
+</div>
+
+<style>
+  .settings-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+</style>

src/components/layout/SettingsRow.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    label: string;
+    children: Snippet;
+  }
+
+  let { label, children }: Props = $props();
+</script>
+
+<label class="setting-row">
+  <div class="setting-label">{label}</div>
+  <div class="setting-control">
+    {@render children()}
+  </div>
+</label>
+
+<style>
+  .setting-row {
+    display: grid;
+    grid-template-columns: 100px 1fr;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .setting-label {
+    color: var(--text-secondary);
+    font-size: 13px;
+    font-weight: 500;
+  }
+
+  .setting-control {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+</style>

src/components/layout/TextBar.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">
+  import TextConfig from "$components/text/TextConfig.svelte";
   import TextManager from "$components/text/TextManager.svelte";
-  import Card from "./Card.svelte";
 </script>
 
 <div class="text-bar">
   <TextManager />
-
-  <Card title="Настройки текста">Настройки текста</Card>
+  <TextConfig />
 </div>
 
 <style>