레이아웃 수정

src/lib/components/divs/TitleDiv.svelte

@@ -1,7 +1,21 @@
 <script lang="ts">
-  let { children } = $props();
+  import type { Component, Snippet } from "svelte";
+  import type { SvelteHTMLElements } from "svelte/elements";
+
+  interface Props {
+    icon?: Component<SvelteHTMLElements["svg"]>;
+    children: Snippet;
+  }
+
+  let { icon, children }: Props = $props();
 </script>
 
-<div class="mt-[20%]">
+<div>
+  <div class="box-content flex min-h-[10vh] items-center pt-2">
+    {#if icon}
+      {@const Icon = icon}
+      <Icon class="text-5xl text-gray-600" />
+    {/if}
+  </div>
   {@render children?.()}
 </div>