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

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