fix: implement fetch generation counter to handle concurrent refreshes in ScrollingList

- Added a fetch generation counter to the fetchItems method to discard stale results from concurrent fetches.
- Updated the loading state management to ensure it only updates if the fetch is the latest.
- Enhanced the refresh method to prevent stale data from being rendered when multiple refreshes occur.
- Added a test case to verify that stale fetches are discarded correctly when concurrent refreshes happen.
- Fixed CSS for mobile banners to prevent overflow and adjusted font sizes for better visibility.
- Resolved issues with task icons disappearing when extending time on overdue chores by ensuring only one fetch is active at a time.

frontend/vue-app/e2e/mode_parent/task-assignment/chore-assignment.spec.ts

@@ -66,7 +66,7 @@ test.describe('Chore assignment', () => {
     await expect(page.getByRole('button', { name: 'Assign Chores' })).toBeVisible()
 
     await page.getByRole('button', { name: 'Assign Chores' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores(\\?|$)`))
 
     await expect(page.getByRole('heading', { name: 'Assign Chores' })).toBeVisible()
 
@@ -83,7 +83,7 @@ test.describe('Chore assignment', () => {
   test('Select chores and submit — items appear in ParentView chores section', async ({ page }) => {
     await page.goto(`/parent/${childId}`)
     await page.getByRole('button', { name: 'Assign Chores' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores(\\?|$)`))
     await expect(page.getByRole('heading', { name: 'Assign Chores' })).toBeVisible()
 
     // Select two chores
@@ -126,7 +126,7 @@ test.describe('Chore assignment', () => {
   test('Uncheck all chores and submit — items are removed from ParentView', async ({ page }) => {
     await page.goto(`/parent/${childId}`)
     await page.getByRole('button', { name: 'Assign Chores' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores(\\?|$)`))
     await expect(page.getByRole('heading', { name: 'Assign Chores' })).toBeVisible()
 
     // Uncheck the two previously assigned chores
@@ -151,7 +151,7 @@ test.describe('Chore assignment', () => {
   test('Cancel does not persist selection changes', async ({ page }) => {
     await page.goto(`/parent/${childId}`)
     await page.getByRole('button', { name: 'Assign Chores' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-chores(\\?|$)`))
     await expect(page.getByRole('heading', { name: 'Assign Chores' })).toBeVisible()
 
     // Check an item