Use Boring Avatar to show user avatar

frontend/package-lock.json

@@ -16,6 +16,7 @@
         "@types/react-dom": "18.2.7",
         "apexcharts": "^3.49.0",
         "autoprefixer": "10.4.16",
+        "boring-avatars": "^1.10.2",
         "clsx": "^2.0.0",
         "dayjs": "^1.11.10",
         "eslint": "8.48.0",
@@ -3185,6 +3186,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/boring-avatars": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/boring-avatars/-/boring-avatars-1.10.2.tgz",
+      "integrity": "sha512-uQyvmNeW6loz4Yytj7aDo0IhhuByW/YyOHtqwb3kQ/x48hum22hROA2Wn3qzrLR5JsoZ+FHjPO6z6LrXrWjegg=="
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",