chore: update publish workflow to trigger on main branch and refine slug generation in course settings

packages/ui/src/base/chart/chart-container.svelte

@@ -17,7 +17,7 @@
     config: ChartConfig;
   } = $props();
 
-  const chartId = `chart-${id || uid.replace(/:/g, '')}`;
+  const chartId = $derived(`chart-${id || uid.replace(/:/g, '')}`);
 
   setChartContext({
     get config() {

packages/ui/src/base/copy-button/copy-button.svelte

@@ -22,10 +22,7 @@
     ...rest
   }: CopyButtonProps = $props();
 
-  // this way if the user passes text then the button will be the default size
-  if (size === 'icon' && children) {
-    size = 'default';
-  }
+  const resolvedSize = $derived(size === 'icon' && children ? 'default' : size);
 
   const clipboard = new UseClipboard();
 </script>
@@ -34,7 +31,7 @@
   {...rest}
   bind:ref
   {variant}
-  {size}
+  size={resolvedSize}
   {tabindex}
   class={cn('ui:flex ui:items-center ui:gap-2', className)}
   type="button"