Clean up wiki profile card (#989)

Author: AndrewKostka

src/components/Cards/CreateWikiWizardStepThree.vue

@@ -83,8 +83,6 @@
       </v-form>
       </v-card-text>
       <v-card-actions>
-        <v-spacer></v-spacer>
-
         <v-btn
           type="button"
           :disabled="inFlight"
@@ -139,3 +137,11 @@ export default {
 
 }
 </script>
+
+<style lang="css" scoped>
+.v-card__actions {
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 8px;
+}
+</style>

src/components/Cards/CreateWikiWizardStepTwo.vue

@@ -103,7 +103,6 @@
     </v-card-text>
 
     <v-card-actions>
-      <v-spacer></v-spacer>
       <v-btn v-if="$listeners['previous-step']" type="button" :disabled="inFlight" @click="$emit('previous-step')">
         &lt; PREVIOUS
       </v-btn>
@@ -150,3 +149,11 @@ export default {
   }
 }
 </script>
+
+<style lang="css" scoped>
+.v-card__actions {
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 8px;
+}
+</style>

src/components/Pages/ManageWiki/Cards/Profile.vue

@@ -147,7 +147,20 @@ export default {
     },
     updatedAt: function () {
       if (this.profile?.updated_at) {
-        return `Last updated on ${new Date(this.profile.updated_at).toLocaleString()}`
+        const rawDate = new Date(this.profile.updated_at)
+        const date = new Intl.DateTimeFormat('en-GB', {
+          timeZone: 'UTC',
+          day: '2-digit',
+          month: 'long',
+          year: 'numeric'
+        }).format(rawDate)
+        const time = new Intl.DateTimeFormat('en-GB', {
+          timeZone: 'UTC',
+          hour: '2-digit',
+          minute: '2-digit',
+          hour12: false
+        }).format(rawDate)
+        return `Last updated on ${date}, at ${time} (UTC)`
       }
       return false
     }
@@ -229,13 +242,14 @@ export default {
   padding-top: 0;
 }
 .no-profile-banner {
+  display: flex;
+  align-items: flex-start;
   background-color: rgba(255, 236, 179, 1);
   border-radius: 4px;
   padding: 8px 16px;
   font-size: 16px;
 }
 .no-profile-banner > .v-icon {
-  float: left;
   margin-right: 16px;
 }
 .profile {