Added shadcn Card Action component

https://x.com/shadcn/status/1899903600253366659

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/card/card-action.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	class={cn("absolute right-6 top-6 flex items-center justify-end", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/card/card-header.svelte

@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} class={cn("flex flex-col space-y-1.5 p-6 pb-0", className)} {...restProps}>
+<div bind:this={ref} class={cn("flex flex-col space-y-1.5 p-6 pb-0 relative", className)} {...restProps}>
 	{@render children?.()}
 </div>

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/card/index.ts

@@ -4,6 +4,7 @@ import Description from "./card-description.svelte";
 import Footer from "./card-footer.svelte";
 import Header from "./card-header.svelte";
 import Title from "./card-title.svelte";
+import Action from "./card-action.svelte";
 
 export {
 	Root,
@@ -12,11 +13,13 @@ export {
 	Footer,
 	Header,
 	Title,
+	Action,
 	//
 	Root as Card,
 	Content as CardContent,
 	Description as CardDescription,
 	Footer as CardFooter,
 	Header as CardHeader,
 	Title as CardTitle,
+	Action as CardAction,
 };