Huge bunch of UI/UX improvements and tweaks!

server/api/members/[id].get.js

@@ -30,7 +30,7 @@ export default defineEventHandler(async (event) => {
       status: "active",
     })
       .select(
-        "name pronouns timeZone avatar studio bio location socialLinks offering lookingFor privacy circle peerSupport craftTags communityConnections createdAt",
+        "name pronouns timeZone avatar studio bio location socialLinks offering lookingFor privacy circle peerSupport craftTags communityConnections createdAt memberNumber",
       )
       .lean();
 
@@ -48,6 +48,7 @@ export default defineEventHandler(async (event) => {
       name: member.name,
       circle: member.circle,
       createdAt: member.createdAt,
+      memberNumber: member.memberNumber,
     };
 
     // Helper function to check if field should be visible

server/api/members/create.post.js

@@ -5,6 +5,7 @@ import { getSlackService } from '../../utils/slack.ts'
 import { validateBody } from '../../utils/validateBody.js'
 import { memberCreateSchema } from '../../utils/schemas.js'
 import { sendWelcomeEmail } from '../../utils/resend.js'
+import { assignMemberNumber } from '../../utils/memberNumber.js'
 // Simple payment check function to avoid import issues
 const requiresPayment = (contributionValue) => contributionValue !== '0'
 
@@ -101,6 +102,8 @@ export default defineEventHandler(async (event) => {
     const member = new Member(validatedData)
     await member.save()
 
+    await assignMemberNumber(member._id)
+
     // Log member joined
     logActivity(member._id, 'member_joined', {
       circle: member.circle