feat: Add avatar component and get initials logic

utils/user.ts

@@ -6,3 +6,13 @@ export function getMembership(memberships: User["memberships"]) {
       membership.membershipType.toLowerCase() === "guestpr" || "scandicfriend's"
   )
 }
+
+export function getInitials(
+  firstName: User["firstName"],
+  lastName: User["lastName"]
+) {
+  if (!firstName || !lastName) return null
+  const firstInitial = firstName.charAt(0).toUpperCase()
+  const lastInitial = lastName.charAt(0).toUpperCase()
+  return `${firstInitial}${lastInitial}`
+}