feat(fullstack): Add notifications, user is now an entity, add testcontainers, rework custom permissions, get user from JWT in endpoints

legalconsenthub/pages/index.vue

@@ -19,6 +19,16 @@
             }"
             class="w-48"
           />
+
+          <UTooltip text="Notifications" :shortcuts="['N']">
+            <UButton color="neutral" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
+              <UChip :show="unreadCount > 0" color="error" inset>
+                <UIcon name="i-lucide-bell" class="size-5 shrink-0" />
+                <span v-if="unreadCount > 0" class="ml-1 text-xs">{{ unreadCount }}</span>
+              </UChip>
+            </UButton>
+          </UTooltip>
+
           <UDropdownMenu :items="items">
             <UButton icon="i-lucide-plus" size="md" class="rounded-full" />
           </UDropdownMenu>
@@ -49,11 +59,7 @@
             <p class="text-(--ui-text-muted) text-sm">
               Erstellt von {{ applicationFormElem.createdBy.name }} am {{ formatDate(applicationFormElem.createdAt) }}
             </p>
-            <div class="mt-2">
-              <UChip size="sm">
-                {{ applicationFormElem.status }}
-              </UChip>
-            </div>
+            <p class="text-(--ui-text-muted) text-sm">Status: {{ applicationFormElem.status }}</p>
           </div>
           <div>
             <UPageLinks :links="getLinksForApplicationForm(applicationFormElem)" />
@@ -77,6 +83,12 @@ const { getAllApplicationForms, deleteApplicationFormById } = useApplicationForm
 const route = useRoute()
 const { organizations, selectedOrganization } = useAuth()
 
+// Inject notification state from layout
+const { isNotificationsSlideoverOpen, unreadCount } = inject('notificationState', {
+  isNotificationsSlideoverOpen: ref(false),
+  unreadCount: ref(0)
+})
+
 const { data } = await useAsyncData<PagedApplicationFormDto>(
   async () => {
     if (!selectedOrganization.value) {

legalconsenthub/pages/signup.vue

@@ -20,6 +20,7 @@
 <script setup lang="ts">
 import * as z from 'zod'
 import type { FormSubmitEvent } from '@nuxt/ui'
+import { UserRole } from '~/.api-client'
 
 definePageMeta({ layout: 'auth' })
 
@@ -27,6 +28,7 @@ useSeoMeta({ title: 'Sign up' })
 
 const toast = useToast()
 const { signUp } = useAuth()
+const { createUser } = useUser()
 
 const fields = [
   {
@@ -90,8 +92,28 @@ function onSubmit(payload: FormSubmitEvent<Schema>) {
         // TODO: Hide loading spinner
         console.log('Receiving register response')
       },
-      onSuccess: async () => {
+      onSuccess: async (ctx) => {
         console.log('Successfully registered!')
+
+        // Create user in backend after successful Better Auth registration
+        try {
+          console.log('Creating user in backend...', ctx.data)
+          await createUser({
+            id: ctx.data.user.id,
+            name: ctx.data.user.name,
+            status: 'ACTIVE',
+            role: UserRole.Employee
+          })
+          console.log('User created in backend successfully')
+        } catch (error) {
+          console.error('Failed to create user in backend:', error)
+          toast.add({
+            title: 'Warning',
+            description: 'Account created but there was an issue with backend setup. Please contact support.',
+            color: 'warning'
+          })
+        }
+
         await navigateTo('/')
       },
       onError: (ctx) => {