feat: add parent PIN setup functionality and email notifications

- Implemented User model updates to include PIN and related fields.
- Created email sender utility for sending verification and reset emails.
- Developed ParentPinSetup component for setting up a parent PIN with verification code.
- Enhanced UserProfile and EntityEditForm components to support new features.
- Updated routing to include PIN setup and authentication checks.
- Added styles for new components and improved existing styles for consistency.
- Introduced loading states and error handling in various components.

frontend/vue-app/src/components/reward/RewardEditView.vue

@@ -1,21 +1,24 @@
 <template>
-  <EntityEditForm
-    entityLabel="Reward"
-    :fields="fields"
-    :initialData="initialData"
-    :isEdit="isEdit"
-    :loading="loading"
-    :error="error"
-    @submit="handleSubmit"
-    @cancel="handleCancel"
-    @add-image="handleAddImage"
-  />
+  <div class="edit-view">
+    <EntityEditForm
+      entityLabel="Reward"
+      :fields="fields"
+      :initialData="initialData"
+      :isEdit="isEdit"
+      :loading="loading"
+      :error="error"
+      @submit="handleSubmit"
+      @cancel="handleCancel"
+      @add-image="handleAddImage"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted, computed, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import EntityEditForm from '../shared/EntityEditForm.vue'
+import '@/assets/styles.css'
 
 const props = defineProps<{ id?: string }>()
 const router = useRouter()