minor ui updates to shiki

packages/ui/src/components/animation/MagicCard.svelte

@@ -2,10 +2,12 @@
 	import { onMount } from "svelte"
 	import { Motion, useMotionTemplate, useMotionValue } from "svelte-motion"
 	import { cn } from "../../utils"
+	import BorderBeam from "./BorderBeam.svelte"
 
 	export let gradientSize: number = 200
 	export let gradientColor: string = "#262626"
 	export let gradientOpacity: number = 0.8
+	export let borderBeam: boolean = false
 	let className: string = ""
 	export { className as class }
 
@@ -42,6 +44,9 @@
 		className
 	)}
 >
+	{#if borderBeam}
+		<BorderBeam size={150} duration={12} />
+	{/if}
 	<div class="relative z-10">
 		<!-- Default  -->
 		<slot>

packages/ui/src/components/code/shiki.svelte

@@ -36,7 +36,7 @@
 
 {#await highlighter2 then highlighter}
 	<ShikiMagicMove
-		class={cn("", className)}
+		class={cn("p-3", className)}
 		{lang}
 		theme={theme ?? "vitesse-dark"}
 		{highlighter}