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

src/lib/components/molecules/ActionModal.svelte

@@ -8,7 +8,7 @@
 
   interface Props {
     cancelText?: string;
-    children?: Snippet;
+    children: Snippet;
     confirmText: string;
     isOpen: boolean;
     onbeforeclose?: () => void;
@@ -41,7 +41,7 @@
 <Modal bind:isOpen onclose={closeModal} class="space-y-4">
   <div class="flex flex-col gap-y-2 break-keep">
     <p class="text-xl font-bold">{title}</p>
-    {@render children?.()}
+    {@render children()}
   </div>
   <div class="flex gap-x-2">
     <Button color="gray" onclick={closeModal} class="flex-1">{cancelText}</Button>

src/lib/components/molecules/IconEntryButton.svelte

@@ -5,7 +5,7 @@
   import { IconLabel } from "$lib/components/molecules";
 
   interface Props {
-    children?: Snippet;
+    children: Snippet;
     class?: ClassValue;
     icon: Component<SvelteHTMLElements["svg"]>;
     iconClass?: ClassValue;
@@ -25,6 +25,6 @@
 
 <EntryButton {onclick} class={className}>
   <IconLabel {icon} class="h-full" iconClass={iconClassName} textClass={textClassName}>
-    {@render children?.()}
+    {@render children()}
   </IconLabel>
 </EntryButton>

src/lib/components/molecules/TitledDiv.svelte

@@ -9,7 +9,7 @@
     class?: ClassValue;
     description?: Snippet;
     icon?: Component<SvelteHTMLElements["svg"]>;
-    title?: Snippet;
+    title: Snippet;
     titleClass?: ClassValue;
   }
 
@@ -27,7 +27,7 @@
 <div class={["space-y-4 py-4", className]}>
   <div class="space-y-2 break-keep">
     <TitleLabel {icon} textClass={titleClassName}>
-      {@render title?.()}
+      {@render title()}
     </TitleLabel>
     {#if description}
       <p>

src/lib/components/molecules/TopBar.svelte

@@ -31,7 +31,7 @@
   {/if}
   <div class="w-[2.3rem] flex-shrink-0">
     {#if children}
-      {@render children?.()}
+      {@render children()}
     {/if}
   </div>
 </div>

src/lib/components/molecules/labels/IconLabel.svelte

@@ -3,7 +3,7 @@
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
 
   interface Props {
-    children?: Snippet;
+    children: Snippet;
     class?: ClassValue;
     icon: Component<SvelteHTMLElements["svg"]>;
     iconClass?: ClassValue;
@@ -27,7 +27,7 @@
   </div>
   <div class="flex flex-grow flex-col overflow-x-hidden text-left">
     <p class={["truncate font-medium", textClassName]}>
-      {@render children?.()}
+      {@render children()}
     </p>
     {#if subtext}
       <p class="truncate text-xs text-gray-800">

src/lib/components/molecules/labels/TitleLabel.svelte

@@ -3,7 +3,7 @@
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
 
   interface Props {
-    children?: Snippet;
+    children: Snippet;
     class?: ClassValue;
     icon?: Component<SvelteHTMLElements["svg"]>;
     textClass?: ClassValue;
@@ -19,6 +19,6 @@
     {/if}
   </div>
   <p class={["text-3xl font-bold", textClassName]}>
-    {@render children?.()}
+    {@render children()}
   </p>
 </div>