feat: stabilize admin dashboard, refactor group management, implement PWA, and fix routing

app/server/api/users/[id]/profile.get.ts

@@ -7,27 +7,52 @@ export default defineEventHandler(async (event) => {
     throw createError({ statusCode: 400, message: 'User ID is required' })
   }
 
-  const profile = await prisma.profile.findUnique({
-    where: { userId },
+  let profile = await prisma.profile.findFirst({
+    where: {
+      OR: [
+        { userId: userId },
+        { user: { username: userId } }
+      ]
+    },
     include: {
       user: {
         include: {
           _count: {
-            select: {
-              canvases: true,
-              followers: true,
-              following: true
-            }
+            select: { canvases: true, followers: true, following: true }
           }
         }
       }
     }
   })
 
+  // If profile doesn't exist but user does, create it
   if (!profile) {
-    // If profile doesn't exist but user might exist in Firebase, 
-    // we could potentially create it here or return 404
-    throw createError({ statusCode: 404, message: 'Profile not found' })
+    const user = await prisma.user.findFirst({
+      where: {
+        OR: [{ id: userId }, { username: userId }]
+      }
+    })
+
+    if (!user) {
+      throw createError({ statusCode: 404, message: 'User not found' })
+    }
+
+    profile = await prisma.profile.create({
+      data: {
+        userId: user.id,
+        displayName: user.username,
+        avatar: `https://api.dicebear.com/7.x/avataaars/svg?seed=${user.id}`
+      },
+      include: {
+        user: {
+          include: {
+            _count: {
+              select: { canvases: true, followers: true, following: true }
+            }
+          }
+        }
+      }
+    })
   }
 
   return {