simpler default user avatar

frontend/public/default_user_avatar.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 21.5L19.3505 15.9795C19.1506 14.2804 17.7107 13 16 13H8C5 13 3.06717 10.2687 2.38197 7.52787L2 6" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.5" d="M8 13V18C8 19.8856 8 20.8284 8.58579 21.4142C9.17157 22 10.1144 22 12 22C13.8856 22 14.8284 22 15.4142 21.4142C16 20.8284 16 19.8856 16 18V13" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
-<circle opacity="0.9" cx="12" cy="6" r="4" stroke="#1C274C" stroke-width="1.5"/>
-</svg>

frontend/src/components/community/GeneralComment.vue

@@ -2,7 +2,7 @@
   <ContentContainer class="comment-container">
     <div :class="{ comment: true, 'reverse-user-position': reverseUserPosition }">
       <div class="user">
-        <img class="avatar" :src="comment.created_by.avatar ?? '/default_user_avatar.svg'" :alt="comment.created_by.username + '\'s avatar'" />
+        <img class="avatar" :src="comment.created_by.avatar ?? '/default_user_avatar.png'" :alt="comment.created_by.username + '\'s avatar'" />
         <RouterLink :to="`/user/${comment.created_by.id}`">
           <span class="username">
             {{ comment.created_by.username }}

frontend/src/components/user/UserSidebar.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="user-sidebar">
-    <Image :src="user.avatar ?? '/default_user_avatar.svg'" :alt="user.username + '\'s avatar'" preview>
+    <Image :src="user.avatar ?? '/default_user_avatar.jpg'" :alt="user.username + '\'s avatar'" preview>
       <template #previewicon>
         <i class="pi pi-search"></i>
       </template>