test: update test to not use createRawSnippet, use test component instead

tests/unit/components/layout/Card.test.ts

@@ -1,19 +1,11 @@
 import { render, screen } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
-import { createRawSnippet } from "svelte";
-import Card from "$components/layout/Card.svelte";
+import CardTest from "./CardTest.svelte";
 
 describe("Card.svelte", () => {
   it("should render without crashing", () => {
-    const childrenSnippet = createRawSnippet(() => ({
-      render: () => "<div>Test content</div>",
-    }));
-
-    render(Card, {
-      props: {
-        title: "Test Title",
-        children: childrenSnippet,
-      },
-    });
+    render(CardTest);
+    const card = document.querySelector(".card");
+    expect(card).toBeInTheDocument();
   });
 });

tests/unit/components/layout/CardTest.svelte

@@ -0,0 +1,8 @@
+<!-- CardTest.svelte -->
+<script>
+  import Card from "$components/layout/Card.svelte";
+</script>
+
+<Card title="Test Title">
+  <div data-testid="card-content">Test content</div>
+</Card>