feat(web): increase usage of CircleIconButton (#9256)

web/src/routes/+error.svelte

@@ -2,6 +2,7 @@
   import { page } from '$app/stores';
   import Icon from '$lib/components/elements/icon.svelte';
   import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
+  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
   import { copyToClipboard } from '$lib/utils';
   import { mdiCodeTags, mdiContentCopy, mdiMessage, mdiPartyPopper } from '@mdi/js';
 
@@ -36,12 +37,12 @@
               🚨 Error - Something went wrong
             </h1>
             <div class="flex justify-end">
-              <button
+              <CircleIconButton
+                color="primary"
+                icon={mdiContentCopy}
+                title="Copy error"
                 on:click={() => handleCopy()}
-                class="rounded-full bg-immich-primary px-3 py-2 text-sm text-white shadow-md transition-colors hover:bg-immich-primary/75 dark:bg-immich-dark-primary dark:text-immich-dark-gray dark:hover:bg-immich-dark-primary/80"
-              >
-                <Icon path={mdiContentCopy} size={24} />
-              </button>
+              />
             </div>
           </div>
 

web/src/routes/admin/library-management/+page.svelte

@@ -37,6 +37,7 @@
   import { fade, slide } from 'svelte/transition';
   import LinkButton from '../../../lib/components/elements/buttons/link-button.svelte';
   import type { PageData } from './$types';
+  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
 
   export let data: PageData;
 
@@ -386,12 +387,13 @@
                 {/if}
 
                 <td class=" text-ellipsis px-4 text-sm">
-                  <button
-                    class="rounded-full bg-immich-primary p-3 text-gray-100 transition-all duration-150 hover:bg-immich-primary/75 dark:bg-immich-dark-primary dark:text-gray-700"
-                    on:click|stopPropagation|preventDefault={(e) => showMenu(e, library, index)}
-                  >
-                    <Icon path={mdiDotsVertical} size="16" />
-                  </button>
+                  <CircleIconButton
+                    color="primary"
+                    icon={mdiDotsVertical}
+                    title="Library options"
+                    size="16"
+                    on:click={(e) => showMenu(e, library, index)}
+                  />
 
                   {#if showContextMenu}
                     <Portal target="body">