레이아웃에 필수적인 Snippet은 반드시 전달해야하도록 Props 타입 수정

src/lib/components/atoms/buttons/ActionEntryButton.svelte

@@ -5,7 +5,7 @@
   interface Props {
     actionButtonClass?: ClassValue;
     actionButtonIcon?: Component<SvelteHTMLElements["svg"]>;
-    children?: Snippet;
+    children: Snippet;
     class?: ClassValue;
     onActionButtonClick?: () => void;
     onclick?: () => void;
@@ -28,9 +28,9 @@
   onclick={onclick && (() => setTimeout(onclick, 100))}
   class={["rounded-xl", className]}
 >
-  <div id="children" class="flex h-full items-center justify-between gap-x-4 p-2 transition">
+  <div id="children" class="flex h-full items-center gap-x-4 p-2 transition">
     <div class="flex-grow overflow-x-hidden">
-      {@render children?.()}
+      {@render children()}
     </div>
     {#if ActionButtonIcon}
       <button

src/lib/components/atoms/buttons/Button.svelte

@@ -3,7 +3,7 @@
   import type { ClassValue } from "svelte/elements";
 
   interface Props {
-    children?: Snippet;
+    children: Snippet;
     class?: ClassValue;
     color?: "primary" | "gray";
     onclick?: () => void;
@@ -34,5 +34,5 @@
     className,
   ]}
 >
-  {@render children?.()}
+  {@render children()}
 </button>

src/lib/components/atoms/buttons/EntryButton.svelte

@@ -5,7 +5,7 @@
   import IconChevronRight from "~icons/material-symbols/chevron-right";
 
   interface Props {
-    children?: Snippet;
+    children: Snippet;
     class?: ClassValue;
     onclick?: () => void;
   }
@@ -17,12 +17,10 @@
   onclick={onclick && (() => setTimeout(onclick, 100))}
   class={["rounded-xl active:bg-gray-100", className]}
 >
-  <div class="flex h-full gap-x-4 p-2 transition active:scale-95">
-    <div class="h-full flex-grow">
-      {@render children?.()}
-    </div>
-    <div class="flex flex-shrink-0 items-center">
-      <IconChevronRight class="text-xl text-gray-800" />
+  <div class="flex h-full items-center gap-x-4 p-2 transition active:scale-95">
+    <div class="flex-grow">
+      {@render children()}
     </div>
+    <IconChevronRight class="flex-shrink-0 text-xl text-gray-800" />
   </div>
 </button>

src/lib/components/atoms/buttons/TextButton.svelte

@@ -2,7 +2,7 @@
   import type { Snippet } from "svelte";
 
   interface Props {
-    children?: Snippet;
+    children: Snippet;
     onclick?: () => void;
   }
 
@@ -14,6 +14,6 @@
   class="text-sm font-medium text-gray-800 underline underline-offset-2 active:rounded-xl active:bg-gray-100"
 >
   <div class="h-full p-1 transition active:scale-95">
-    {@render children?.()}
+    {@render children()}
   </div>
 </button>