fix for account page avatar rectangular box

Author: AccessRetrieved

assets/js/account.js

@@ -65,7 +65,12 @@ document.addEventListener('DOMContentLoaded', function () {
                         // TODO: MARK:- Sometimes will add a image not found error
                         // Solution 1: if user did not choose a glasses design, set glasses to database as "null" and create a transparent image named "null.png" (easier implementation)
                         // Solution 2: if user did not choose a glasses design, add a if statement to check if glasses in database if null. If null: skip glasses image line; else add glasses image line
-                        glassesElement.src = `/assets/img/create_avatar/${glasses}.png`;
+                        if (glasses == null) {
+                            glassesElement.style.display = 'none';
+                        } else {
+                            glassesElement.style.display = 'block';
+                            glassesElement.src = `/assets/img/create_avatar/${glasses}.png`;
+                        }
 
                         // Trim avatar into a circle
                         headElement.style.borderRadius = '50%';