feat: implement base text manager and view components

src/components/layout/InputGroup.svelte

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

src/components/layout/PanelBar.svelte

@@ -1,12 +1,16 @@
 <script lang="ts">
   import Badge from "$components/ui/Badge.svelte";
+  import Button from "$components/ui/Button.svelte";
   import IconArrowLeft from "$components/ui/Icons/IconArrowLeft.svelte";
   import IconArrowRight from "$components/ui/Icons/IconArrowRight.svelte";
+  import IconUpload from "$components/ui/Icons/IconUpload.svelte";
   import Card from "./Card.svelte";
 </script>
 
 <div class="panel-bar">
-  <Card title="Фоновое изображение">фоновое изображение</Card>
+  <Card title="Фоновое изображение">
+    <Button label="Загрузить изображение" icon={IconUpload} onclick={() => {}} type="secondary" />
+  </Card>
 
   {#snippet panelTitle()}
     Панели <Badge text="0" />

src/components/layout/TextBar.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <div class="text-bar">
-  <Card title="Тексты панелей"><TextManager /></Card>
+  <TextManager />
 
   <Card title="Настройки текста">Настройки текста</Card>
 </div>