fix: extends svelte/element for Layout

Author: shinokada

src/lib/typography/Layout.svelte

@@ -1,28 +1,24 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import { twMerge } from 'tailwind-merge';
+  import type { HTMLAttributes } from 'svelte/elements';
 
-  interface Props {
+  interface Props extends HTMLAttributes<HTMLElement>{
     children: Snippet;
-    divClass?: string | undefined;
-    cols?: string | undefined;
-    // gap?: number;
+    class?: string | undefined;
   }
 
   let {
     children,
-    divClass,
-    cols = '',
+    class: className,
     ...attributes
   }: Props = $props();
 
-  let classDiv = twMerge('grid grid-cols-1 sm:grid-cols-2', cols, divClass);
+  let classDiv = twMerge('grid grid-cols-1 sm:grid-cols-2', className);
 </script>
 
 <div {...attributes} class={classDiv}>
-  
-    {@render children()}
-  
+  {@render children()}
 </div>
 
 <!--

src/routes/typography/paragraph/+page.svelte

@@ -175,7 +175,7 @@
     tools, so your IT support and operations teams have richer contextual
     information to rapidly respond to requests, incidents, and changes.</P
   >
-  <Layout divClass="gap-6">
+  <Layout class="gap-6">
     <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400"
       >Track work across the enterprise through an open, collaborative platform.
       Link issues across Jira and ingest data from other software development
@@ -207,7 +207,7 @@
     tools, so your IT support and operations teams have richer contextual
     information to rapidly respond to requests, incidents, and changes.</P
   >
-  <Layout divClass="gap-6" cols="grid-cols-1 sm:grid-cols-3">
+  <Layout class="gap-6 grid-cols-1 sm:grid-cols-3">
     <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400"
       >Track work across the enterprise through an open, collaborative platform.
       Link issues across Jira and ingest data from other software development
@@ -246,7 +246,7 @@
     tools, so your IT support and operations teams have richer contextual
     information to rapidly respond to requests, incidents, and changes.</P
   >
-  <Layout divClass="gap-6" cols="grid-cols-1 sm:grid-cols-3">
+  <Layout class="gap-6 grid-cols-1 sm:grid-cols-3">
     <div class="col-span-2">
       <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400"
         >Track work across the enterprise through an open, collaborative