Enhance project structure and functionality by adding new components and integrations. Updated .gitignore to exclude history and transformed images. Integrated Svelte, sitemap, and icon support in astro.config.mjs. Added multiple new components including BlogOverview, ContentRows, Footer, Header, and various block components for improved content management. Updated package.json with new dependencies and modified scripts for build and development processes.

src/components/blocks/YoutubeVideoBlock.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import { getBlockLayoutClasses } from "../../lib/block-layout";
+  import type { YoutubeVideoBlockData } from "../../lib/block-types";
+
+  let { block }: { block: YoutubeVideoBlockData } = $props();
+
+  const layoutClasses = $derived(getBlockLayoutClasses(block.layout));
+  const embedUrl = $derived(
+    block.youtubeId
+      ? `https://www.youtube-nocookie.com/embed/${encodeURIComponent(block.youtubeId)}?rel=0${block.params ? `&${String(block.params).replace(/^&/, "")}` : ""}`
+      : null,
+  );
+</script>
+
+<div class={layoutClasses} data-block-type="youtube_video" data-block-slug={block._slug}>
+  {#if block.youtubeId}
+    <div class="aspect-video w-full overflow-hidden rounded-sm bg-zinc-100">
+      <iframe
+        title={block.title ?? "YouTube-Video"}
+        src={embedUrl}
+        class="h-full w-full border-0"
+        loading="lazy"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen
+      ></iframe>
+    </div>
+    {#if block.description}
+      <p class="mt-1 text-sm text-zinc-600">{block.description}</p>
+    {/if}
+  {:else}
+    <p class="text-sm text-zinc-500">YouTube-Video-ID fehlt.</p>
+  {/if}
+</div>