consistent profile image, initials with background color as backup, better profile image editing

backend/routes/items.js

@@ -91,7 +91,7 @@ router.get("/", async (req, res, next) => {
         {
           model: User,
           as: "owner",
-          attributes: ["id", "firstName", "lastName"],
+          attributes: ["id", "firstName", "lastName", "imageFilename"],
         },
       ],
       limit: parseInt(limit),
@@ -175,7 +175,7 @@ router.get("/recommendations", authenticateToken, async (req, res, next) => {
 router.get('/:id/reviews', async (req, res, next) => {
   try {
     const { Rental, User } = require('../models');
-    
+
     const reviews = await Rental.findAll({
       where: {
         itemId: req.params.id,
@@ -185,10 +185,10 @@ router.get('/:id/reviews', async (req, res, next) => {
         itemReviewVisible: true
       },
       include: [
-        { 
-          model: User, 
-          as: 'renter', 
-          attributes: ['id', 'firstName', 'lastName'] 
+        {
+          model: User,
+          as: 'renter',
+          attributes: ['id', 'firstName', 'lastName', 'imageFilename']
         }
       ],
       order: [['createdAt', 'DESC']]
@@ -228,7 +228,7 @@ router.get("/:id", optionalAuth, async (req, res, next) => {
         {
           model: User,
           as: "owner",
-          attributes: ["id", "firstName", "lastName"],
+          attributes: ["id", "firstName", "lastName", "imageFilename"],
         },
         {
           model: User,