Fix Playwright test failures in device tests

Use more specific selector for counting devices in tests to avoid
matching h3 elements in both desktop and mobile views. Add device-list
class to EventDeviceList component for easier targeting. Increase
timeout for photo upload verification to handle slower uploads.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: edwh

resources/js/components/EventDeviceList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="device-list">
     <b-table-simple responsive class="pl-0 pl-md-3 pr-0 pr-md-3 pb-2 mb-2" table-class="m-0 leave-tables-alone">
       <b-thead>
         <b-tr>

tests/Integration/utils.js

@@ -187,9 +187,9 @@ exports.addDevice = async function(page, baseURL, idevents, powered, photo, fixe
   var addsel = powered ? '.add-powered-device-desktop' : '.add-unpowered-device-desktop'
   log('Using device selector', { addsel, powered })
 
-  // Get current device count.
+  // Get current device count - count h3 elements within the device-list container in the visible desktop tab
   await page.waitForSelector(addsel)
-  var current = await page.locator('h3:visible').count()
+  var current = await page.locator('.d-none.d-md-block .device-list h3.noheader:visible').count()
   log('Current device count', { current })
 
   // Click the add button.
@@ -242,18 +242,18 @@ exports.addDevice = async function(page, baseURL, idevents, powered, photo, fixe
   log('Submitting device creation')
   await page.locator('text=Add item >> visible=true').click()
 
-  // Wait for device to show.
+  // Wait for device to show - use same specific selector as when counting
   log('Waiting for device to appear in list')
-  await expect(page.locator('h3:visible')).toHaveCount(current + 1)
+  await expect(page.locator('.d-none.d-md-block .device-list h3.noheader:visible')).toHaveCount(current + 1)
 
   // Check that the photo appears.
   log('Opening device for verification')
   await page.locator('.edit:visible').last().click()
 
   if (photo) {
     log('Verifying photo was uploaded')
-    // Should see the dropzone and uploaded photo.
-    await expect(page.locator('.device-photos:visible img')).toHaveCount(2)
+    // Should see the dropzone and uploaded photo - allow extra time for upload to complete
+    await expect(page.locator('.device-photos:visible img')).toHaveCount(2, { timeout: 10000 })
   } else {
     log('Verifying no additional photos present')
     // Just dropzone