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

web/src/lib/components/user-settings-page/device-card.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
   import Icon from '$lib/components/elements/icon.svelte';
   import { locale } from '$lib/stores/preferences.store';
   import type { SessionResponseDto } from '@immich/sdk';
@@ -64,14 +65,14 @@
       </div>
     </div>
     {#if !device.current}
-      <div class="flex flex-col justify-center text-sm">
-        <button
-          on:click={() => dispatcher('delete')}
-          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"
+      <div>
+        <CircleIconButton
+          color="primary"
+          icon={mdiTrashCanOutline}
           title="Log out"
-        >
-          <Icon path={mdiTrashCanOutline} size="16" />
-        </button>
+          size="16"
+          on:click={() => dispatcher('delete')}
+        />
       </div>
     {/if}
   </div>