fix: update selectors for disabled state in thumbnail component

e2e/src/web/specs/timeline/utils.ts

@@ -119,7 +119,7 @@ export const thumbnailUtils = {
   async expectSelectedReadonly(page: Page, assetId: string) {
     const container = thumbnailUtils.withAssetId(page, assetId);
     await expect(container.locator('[data-selected]')).toBeVisible();
-    await expect(container.locator('button[role="checkbox"][disabled]')).toBeVisible();
+    await expect(container.locator('[data-disabled]')).toBeVisible();
   },
   async expectTimelineHasOnScreenAssets(page: Page) {
     const first = await thumbnailUtils.getFirstInViewport(page);

web/src/lib/components/assets/thumbnail/thumbnail.svelte

@@ -224,6 +224,8 @@
   bind:this={element}
   data-asset={asset.id}
   data-thumbnail-focus-container
+  data-selected={selected || undefined}
+  data-disabled={disabled || undefined}
   tabindex={0}
   role="link"
 >
@@ -234,7 +236,6 @@
       { 'rounded-xl': selected },
     ]}
     data-outline
-    data-selected={selected || undefined}
   ></div>
 
   <div