feat: Implement UserProfiles

apps/web/components/Dashboard/Pages/Org/OrgEditLanding/OrgEditLanding.tsx

@@ -1400,7 +1400,7 @@ const PeopleSectionEditor: React.FC<{
           <Label>People</Label>
           <div className="space-y-4 mt-2">
             {section.people.map((person, index) => (
-              <div key={index} className="grid grid-cols-[1fr_1fr_1fr_auto] gap-4 p-4 border rounded-lg">
+              <div key={index} className="grid grid-cols-[1fr_1fr_1fr_1fr_auto] gap-4 p-4 border rounded-lg">
                 <div className="space-y-2">
                   <Label>Name</Label>
                   <Input
@@ -1414,6 +1414,19 @@ const PeopleSectionEditor: React.FC<{
                   />
                 </div>
 
+                <div className="space-y-2">
+                  <Label>Username</Label>
+                  <Input
+                    value={person.username || ''}
+                    onChange={(e) => {
+                      const newPeople = [...section.people]
+                      newPeople[index] = { ...person, username: e.target.value }
+                      onChange({ ...section, people: newPeople })
+                    }}
+                    placeholder="@username"
+                  />
+                </div>
+
                 <div className="space-y-2">
                   <Label>Image</Label>
                   <div className="space-y-2">
@@ -1480,7 +1493,8 @@ const PeopleSectionEditor: React.FC<{
                   user_uuid: '',
                   name: '',
                   description: '',
-                  image_url: ''
+                  image_url: '',
+                  username: ''
                 }
                 onChange({
                   ...section,

apps/web/components/Dashboard/Pages/Org/OrgEditLanding/landing_types.ts

@@ -40,6 +40,7 @@ export interface LandingUsers {
   name: string;
   description: string;
   image_url: string;
+  username?: string;
 }
 
 export interface LandingPeople {

apps/web/components/Dashboard/Pages/UserAccount/UserProfile/UserProfile.tsx

@@ -1,8 +1,11 @@
 import React from 'react'
+import UserProfileBuilder from './UserProfileBuilder'
 
 function UserProfile() {
   return (
-    <div>UserProfile</div>
+    <div>
+      <UserProfileBuilder />
+    </div>
   )
 }