make link to duplicate more understandable

i18n/en.json

@@ -419,6 +419,7 @@
   "asset_skipped_in_trash": "In trash",
   "asset_uploaded": "Uploaded",
   "asset_uploading": "Uploading...",
+  "asset_view_duplicates": "Click here to view duplicates of this asset",
   "assets": "Assets",
   "assets_added_count": "Added {count, plural, one {# asset} other {# assets}}",
   "assets_added_to_album_count": "Added {count, plural, one {# asset} other {# assets}} to the album",
@@ -540,7 +541,7 @@
   "delete_library": "Delete Library",
   "delete_link": "Delete link",
   "delete_others": "Delete others",
-  "has_duplicates": "Has duplicates",
+  "has_duplicates": "Asset has duplicates",
   "delete_shared_link": "Delete shared link",
   "delete_tag": "Delete tag",
   "delete_tag_confirmation_prompt": "Are you sure you want to delete {tagName} tag?",

web/src/lib/components/asset-viewer/detail-panel.svelte

@@ -33,7 +33,9 @@
     mdiEyeOff,
     mdiImageMultipleOutline,
     mdiImageOutline,
+    mdiImageSearch,
     mdiInformationOutline,
+    mdiOpenInNew,
     mdiPencil,
   } from '@mdi/js';
   import { DateTime } from 'luxon';
@@ -466,20 +468,25 @@
     {/if}
 
     {#if asset.duplicateId}
-      <div class="flex gap-4 py-4">
-        <div><Icon path={mdiImageMultipleOutline} size="24" /></div>
+      <a
+        href="{AppRoute.DUPLICATES}/{asset.duplicateId}"
+        target="_blank"
+        class="flex relative w-full justify-between items-center gap-4 py-4 hover:dark:text-immich-dark-primary hover:text-immich-primary"
+      >
+        <div class="flex gap-4">
+          <Icon path={mdiImageMultipleOutline} size="24" />
 
-        <div>
-          <p>
-            <a
-              href="{AppRoute.DUPLICATES}/{asset.duplicateId}"
-              class="hover:dark:text-immich-dark-primary hover:text-immich-primary"
-            >
+          <div>
+            <p>
               {$t('has_duplicates')}
-            </a>
-          </p>
+            </p>
+            <p class="text-xs opacity-50 break-all">
+              {$t('asset_view_duplicates')}
+            </p>
+          </div>
         </div>
-      </div>
+        <Icon path={mdiOpenInNew} size="20" />
+      </a>
     {/if}
 
     <DetailPanelLocation {isOwner} {asset} />