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-activation/chore-activation.spec.ts

@@ -74,6 +74,15 @@ test.describe('Chore activation', () => {
     await request.put(`/api/child/${childId}/set-tasks`, {
       data: { task_ids: [kindId], type: 'kindness' },
     })
+    // Add a schedule so COMPLETED status persists after trigger
+    await request.put(`/api/child/${childId}/task/${choreId}/schedule`, {
+      data: {
+        mode: 'interval',
+        interval_days: 1,
+        anchor_date: new Date().toISOString().slice(0, 10),
+        interval_has_deadline: false,
+      },
+    })
   })
 
   test.afterAll(async ({ request }) => {