chore(shadcn): update components using shadcn update command to fix compatibility issue

In Svelte 5.16.0 the code of the shadcn components got broken due to a bug.
This got fixed in huntabyte/shadcn-svelte#1585.
To reproduce this I ran the shadcn cli update command locally (commit f06d2a1133c9df77902e62d4da79842a6b0af329).
Due to a bug in the cli command, which was already reported in huntabyte/shadcn-svelte#1532
I had to adjust the code.
The update command did overwrite some customizations we already made, which I undid.

Author: Slartibartfass2

package-lock.json

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Avatar as AvatarPrimitive } from "bits-ui";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/avatar/avatar-fallback.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Avatar as AvatarPrimitive } from "bits-ui";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/avatar/avatar-image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Avatar as AvatarPrimitive } from "bits-ui";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/avatar/avatar.svelte

@@ -56,7 +56,7 @@
 {#if href}
     <a
         bind:this={ref}
-        class={cn(buttonVariants({ variant, size, className }))}
+        class={cn(buttonVariants({ variant, size }), className)}
         {href}
         {...restProps}
     >
@@ -65,7 +65,7 @@
 {:else}
     <button
         bind:this={ref}
-        class={cn(buttonVariants({ variant, size, className }))}
+        class={cn(buttonVariants({ variant, size }), className)}
         {type}
         {...restProps}
     >

src/lib/components/primitives/button/button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { WithElementRef } from "bits-ui";
     import type { HTMLAttributes } from "svelte/elements";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/card/card-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { WithElementRef } from "bits-ui";
     import type { HTMLAttributes } from "svelte/elements";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/card/card-description.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { WithElementRef } from "bits-ui";
     import type { HTMLAttributes } from "svelte/elements";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/card/card-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { WithElementRef } from "bits-ui";
     import type { HTMLAttributes } from "svelte/elements";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),

src/lib/components/primitives/card/card-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { WithElementRef } from "bits-ui";
     import type { HTMLAttributes } from "svelte/elements";
-    import { cn } from "$lib/utils/shadcn-helper";
+    import { cn } from "$lib/utils/shadcn-helper.js";
 
     let {
         ref = $bindable(null),