Add note saving indicator

src/components/user_profile/user_profile.vue

@@ -40,12 +40,24 @@
           </dd>
         </dl>
       </div>
-      <textarea
-        v-model="note"
-        class="note resize-height"
-        :placeholder="$t('user_card.note')"
-        @input="setNote"
-      />
+      <div class="note">
+        <textarea
+          v-model="note"
+          class="resize-height"
+          :placeholder="$t('user_card.note')"
+          @input="setNote"
+        />
+        <div
+          v-show="noteLoading"
+          class="preview-spinner"
+        >
+          <FAIcon
+            class="fa-old-padding"
+            spin
+            icon="circle-notch"
+          />
+        </div>
+      </div>
       <tab-switcher
         :active-tab="tab"
         :render-only-focused="true"
@@ -210,7 +222,19 @@
   }
 
   .note {
+    position: relative;
     margin: 0.5em 0.75em;
+
+    textarea {
+      width: 100%;
+    }
+
+    .preview-spinner {
+      position: absolute;
+      top: 0;
+      right: 0;
+      margin: 0.5em 0.25em;
+    }
   }
 }
 .user-profile-placeholder {