feat: add PendingRewardDialog, RewardConfirmDialog, and TaskConfirmDialog components

- Implemented PendingRewardDialog for handling pending reward requests.
- Created RewardConfirmDialog for confirming reward redemption.
- Developed TaskConfirmDialog for task confirmation with child name display.

test: add unit tests for ChildView and ParentView components

- Added comprehensive tests for ChildView including task triggering and SSE event handling.
- Implemented tests for ParentView focusing on override modal and SSE event management.

test: add ScrollingList component tests

- Created tests for ScrollingList to verify item fetching, loading states, and custom item classes.
- Included tests for two-step click interactions and edit button display logic.
- Moved toward hashed passwords.

frontend/vue-app/src/components/child/ChildView.vue

@@ -41,6 +41,7 @@ function handleTaskTriggered(event: Event) {
   const payload = event.payload as ChildTaskTriggeredEventPayload
   if (child.value && payload.child_id == child.value.id) {
     child.value.points = payload.points
+    childRewardListRef.value?.refresh()
   }
 }
 
@@ -328,7 +329,7 @@ onUnmounted(() => {
         <ScrollingList
           title="Chores"
           ref="childChoreListRef"
-          :fetchBaseUrl="`/api/task/list?ids=${tasks.join(',')}`"
+          :fetchBaseUrl="`/api/child/${child?.id}/list-tasks`"
           :ids="tasks"
           itemKey="tasks"
           imageField="image_id"
@@ -347,14 +348,19 @@ onUnmounted(() => {
               class="item-points"
               :class="{ 'good-points': item.is_good, 'bad-points': !item.is_good }"
             >
-              {{ item.is_good ? item.points : -item.points }} Points
+              {{
+                item.custom_value !== undefined && item.custom_value !== null
+                  ? item.custom_value
+                  : item.points
+              }}
+              Points
             </div>
           </template>
         </ScrollingList>
         <ScrollingList
           title="Penalties"
           ref="childPenaltyListRef"
-          :fetchBaseUrl="`/api/task/list?ids=${tasks.join(',')}`"
+          :fetchBaseUrl="`/api/child/${child?.id}/list-tasks`"
           :ids="tasks"
           itemKey="tasks"
           imageField="image_id"
@@ -373,7 +379,12 @@ onUnmounted(() => {
               class="item-points"
               :class="{ 'good-points': item.is_good, 'bad-points': !item.is_good }"
             >
-              {{ item.is_good ? item.points : -item.points }} Points
+              {{
+                item.custom_value !== undefined && item.custom_value !== null
+                  ? -item.custom_value
+                  : -item.points
+              }}
+              Points
             </div>
           </template>
         </ScrollingList>