fix: fix avatars here and there (monicahq/chandler#180)

Author: djaiss

.github/pull_request_template.md

@@ -1,6 +0,0 @@
-You fool, don't forget these steps:
-
-- [ ] Unit tests
-- [ ] Tests with Cypress
-- [ ] Documentation
-- [ ] Dummy data

resources/js/Pages/Vault/Contact/Index.vue

@@ -62,7 +62,7 @@
                 v-for="contact in data.contacts"
                 :key="contact.id"
                 class="flex items-center border-b border-gray-200 px-5 py-2 hover:bg-slate-50">
-                <avatar :data="contact.avatar" :classes="'mr-2 h-5 w-5'" />
+                <avatar :data="contact.avatar" :classes="'rounded-full mr-2 h-5 w-5'" />
 
                 <inertia-link :href="contact.url.show" class="text-blue-500 hover:underline">
                   {{ contact.name }}

resources/js/Pages/Vault/Files/Index.vue

@@ -78,7 +78,7 @@
 
                   <!-- avatar -->
                   <div class="flex items-center">
-                    <avatar :data="file.contact.avatar" :classes="'mr-2 h-4 w-4'" />
+                    <avatar :data="file.contact.avatar" :classes="'rounded-full mr-2 h-4 w-4'" />
                     <inertia-link :href="file.contact.url.show" class="text-sm text-blue-500 hover:underline">
                       {{ file.contact.name }}
                     </inertia-link>

resources/js/Shared/Modules/Notes.vue

@@ -148,7 +148,7 @@
               <!-- author -->
               <div v-if="note.author" class="relative mr-3 inline">
                 <div class="icon-avatar relative flex">
-                  <avatar :data="note.author.avatar" :classes="'relative mr-1 h-3 w-3'" />
+                  <avatar :data="note.author.avatar" :classes="'rounded-full relative mr-1 h-3 w-3'" />
                   <span>{{ note.author.name }}</span>
                 </div>
               </div>