Replaces chevron with ellipsis icon for actions

Replaces the chevron down icon with an ellipsis icon in the
project, config, token, and webhook actions dropdown menus.

This provides a more consistent and intuitive user experience.

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/lib/features/projects/components/table/project-actions-cell.svelte

@@ -5,8 +5,8 @@
     import { deleteProject } from '$features/projects/api.svelte';
     import { ViewProject } from '$features/projects/models';
     import Issues from '@lucide/svelte/icons/bug';
-    import ChevronDown from '@lucide/svelte/icons/chevron-down';
     import Configure from '@lucide/svelte/icons/cloud';
+    import EllipsisIcon from '@lucide/svelte/icons/ellipsis';
     import Organization from '@lucide/svelte/icons/group';
     import Edit from '@lucide/svelte/icons/pen';
     import X from '@lucide/svelte/icons/x';
@@ -37,9 +37,12 @@
 
 <DropdownMenu.Root>
     <DropdownMenu.Trigger>
-        <Button class="h-8 w-8 p-0" variant="ghost">
-            <ChevronDown class="size-4" />
-        </Button>
+        {#snippet child({ props })}
+            <Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
+                <span class="sr-only">Open menu</span>
+                <EllipsisIcon />
+            </Button>
+        {/snippet}
     </DropdownMenu.Trigger>
     <DropdownMenu.Content align="end">
         <DropdownMenu.Item onclick={() => goto(`/next/issues`)}>

src/Exceptionless.Web/ClientApp/src/lib/features/projects/components/table/project-config-actions-cell.svelte

@@ -4,7 +4,7 @@
     import { Button } from '$comp/ui/button';
     import * as DropdownMenu from '$comp/ui/dropdown-menu';
     import { deleteProjectConfig, postProjectConfig } from '$features/projects/api.svelte';
-    import ChevronDown from '@lucide/svelte/icons/chevron-down';
+    import EllipsisIcon from '@lucide/svelte/icons/ellipsis';
     import Edit from '@lucide/svelte/icons/pen';
     import X from '@lucide/svelte/icons/x';
     import { toast } from 'svelte-sonner';
@@ -64,9 +64,12 @@
 
 <DropdownMenu.Root>
     <DropdownMenu.Trigger>
-        <Button class="h-8 w-8 p-0" variant="ghost">
-            <ChevronDown class="size-4" />
-        </Button>
+        {#snippet child({ props })}
+            <Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
+                <span class="sr-only">Open menu</span>
+                <EllipsisIcon />
+            </Button>
+        {/snippet}
     </DropdownMenu.Trigger>
     <DropdownMenu.Content align="end">
         <DropdownMenu.Item onclick={() => (showUpdateProjectConfigDialog = true)} disabled={updateProjectConfig.isPending}>

src/Exceptionless.Web/ClientApp/src/lib/features/tokens/components/table/token-actions-cell.svelte

@@ -6,8 +6,8 @@
     import { UseClipboard } from '$lib/hooks/use-clipboard.svelte';
     import Disable from '@lucide/svelte/icons/ban';
     import Enable from '@lucide/svelte/icons/check';
-    import ChevronDown from '@lucide/svelte/icons/chevron-down';
     import Copy from '@lucide/svelte/icons/copy';
+    import EllipsisIcon from '@lucide/svelte/icons/ellipsis';
     import Edit from '@lucide/svelte/icons/pen';
     import X from '@lucide/svelte/icons/x';
     import { toast } from 'svelte-sonner';
@@ -80,9 +80,12 @@
 
 <DropdownMenu.Root>
     <DropdownMenu.Trigger>
-        <Button class="h-8 w-8 p-0" variant="ghost">
-            <ChevronDown class="size-4" />
-        </Button>
+        {#snippet child({ props })}
+            <Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
+                <span class="sr-only">Open menu</span>
+                <EllipsisIcon />
+            </Button>
+        {/snippet}
     </DropdownMenu.Trigger>
     <DropdownMenu.Content align="end">
         <DropdownMenu.Item onclick={copyToClipboard}>

src/Exceptionless.Web/ClientApp/src/lib/features/webhooks/components/table/webhook-actions-cell.svelte

@@ -3,7 +3,7 @@
     import * as DropdownMenu from '$comp/ui/dropdown-menu';
     import { deleteWebhook } from '$features/webhooks/api.svelte';
     import { Webhook } from '$features/webhooks/models';
-    import ChevronDown from '@lucide/svelte/icons/chevron-down';
+    import EllipsisIcon from '@lucide/svelte/icons/ellipsis';
     import X from '@lucide/svelte/icons/x';
     import { toast } from 'svelte-sonner';
 
@@ -32,9 +32,12 @@
 
 <DropdownMenu.Root>
     <DropdownMenu.Trigger>
-        <Button class="h-8 w-8 p-0" variant="ghost">
-            <ChevronDown class="size-4" />
-        </Button>
+        {#snippet child({ props })}
+            <Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
+                <span class="sr-only">Open menu</span>
+                <EllipsisIcon />
+            </Button>
+        {/snippet}
     </DropdownMenu.Trigger>
     <DropdownMenu.Content align="end">
         <DropdownMenu.Item onclick={() => (showRemoveWebhookDialog = true)} disabled={removeWebhook.isPending}>