Feat 572 user avatars (#607)

* Add image field to group table

* Track package lock of opencode now that they migrated to node

* Move upload logic to util file

* Add fields for updating images on the backend

* Implement profile picture upload

* Allow clearing the profile picture

* Rename updateName component to better match new features

Author: krokosik

.opencode/package-lock.json

@@ -65,6 +65,7 @@
     "react": "19.2.1",
     "react-day-picker": "^9.7.0",
     "react-dom": "19.2.1",
+    "react-easy-crop": "^5.5.7",
     "react-hook-form": "^7.50.1",
     "react-i18next": "^15.5.3",
     "react-plaid-link": "4.1.1",

package.json

@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE "public"."Group"
+ADD COLUMN "image" TEXT;

pnpm-lock.yaml

@@ -95,6 +95,7 @@ model Group {
   id               Int           @id @default(autoincrement())
   publicId         String        @unique
   name             String
+  image            String?
   userId           Int
   defaultCurrency  String        @default("USD")
   createdAt        DateTime      @default(now())

prisma/migrations/20260411120000_add_group_image/migration.sql

@@ -18,8 +18,14 @@
     },
     "download_splitpro_data": "Download SplitPro data",
     "edit_name": {
+      "apply_avatar": "Apply avatar",
+      "avatar_label": "Profile picture",
+      "avatar_preview": "Avatar preview",
       "placeholder": "Enter name",
-      "title": "Edit name"
+      "remove_avatar": "Remove avatar",
+      "select_avatar": "Select picture",
+      "zoom": "Zoom",
+      "title": "Edit details"
     },
     "follow_on_x": "Follow us on X",
     "import_from_splitwise": "Import from Splitwise",
@@ -35,8 +41,8 @@
     },
     "logout": "Logout",
     "messages": {
-      "submit_error": "Failed to submit feedback",
-      "submit_success": "Feedback submitted"
+      "submit_error": "Failed to update details",
+      "submit_success": "Details updated"
     },
     "notifications": {
       "disable_notification": "Disable notification",
@@ -251,6 +257,7 @@
     "group_info": {
       "actions": "Actions",
       "archive_group": "Archive group",
+      "edit_group": "Edit group",
       "archive_group_details": {
         "can_archive": "This group will be archived and hidden from your main groups list. You can still access it later if needed.",
         "cant_archive": "Cannot archive group with outstanding balances. All balances must be settled first.",
@@ -292,7 +299,7 @@
     "messages": {
       "balances_recalculated": "Balances recalculated successfully",
       "group_archived": "Group archived successfully",
-      "group_name_updated": "Updated group name"
+      "group_name_updated": "Updated group details"
     },
     "no_members": {
       "add_members": "Add members",