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/kindness-assignment.spec.ts

@@ -56,7 +56,7 @@ test.describe('Kindness act assignment', () => {
     await expect(page.getByRole('button', { name: 'Assign Kindness Acts' })).toBeVisible()
 
     await page.getByRole('button', { name: 'Assign Kindness Acts' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness(\\?|$)`))
 
     await expect(page.getByRole('heading', { name: 'Assign Kindness Acts' })).toBeVisible()
 
@@ -72,7 +72,7 @@ test.describe('Kindness act assignment', () => {
   test('Select a kindness act and submit — item appears in ParentView', async ({ page }) => {
     await page.goto(`/parent/${childId}`)
     await page.getByRole('button', { name: 'Assign Kindness Acts' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness(\\?|$)`))
     await expect(page.getByRole('heading', { name: 'Assign Kindness Acts' })).toBeVisible()
 
     await page.getByText(KIND1_NAME, { exact: true }).click()
@@ -101,7 +101,7 @@ test.describe('Kindness act assignment', () => {
   }) => {
     await page.goto(`/parent/${childId}`)
     await page.getByRole('button', { name: 'Assign Kindness Acts' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness(\\?|$)`))
     await expect(page.getByRole('heading', { name: 'Assign Kindness Acts' })).toBeVisible()
 
     // Uncheck the previously assigned item
@@ -120,7 +120,7 @@ test.describe('Kindness act assignment', () => {
   test('Cancel does not persist selection changes', async ({ page }) => {
     await page.goto(`/parent/${childId}`)
     await page.getByRole('button', { name: 'Assign Kindness Acts' }).click()
-    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness$`))
+    await page.waitForURL(new RegExp(`/parent/${childId}/assign-kindness(\\?|$)`))
     await expect(page.getByRole('heading', { name: 'Assign Kindness Acts' })).toBeVisible()
 
     // Check the item