fix(lint): fix all lint errors introduced by recipient display changes

- Fix import order in ThreadEnvelope.vue (alphabetical: ConfirmationModal,
  Error, EventModal, RecipientBubble)
- Fix MessageLoadingSkeleton indentation (1 tab → 2 tabs)
- Remove extra blank lines in ThreadEnvelope.vue and Thread.vue CSS
- Fix SCSS unmatched brace in Thread.vue (leftover from avatar-header removal)
- Remove unused currentAccountEmail prop from Thread.vue and its
  corresponding binding in MailboxThread.vue

All 220 unit tests pass; webpack builds cleanly.

Author: sturlan

src/components/MailboxThread.vue

@@ -190,7 +190,7 @@
 			</div>
 		</template>
 
-		<Thread v-if="showThread" :current-account-email="account.emailAddress" @delete="deleteMessage" />
+		<Thread v-if="showThread" @delete="deleteMessage" />
 		<NoMessageSelected v-else-if="hasEnvelopes" />
 	</AppContent>
 </template>

src/components/Thread.vue

@@ -16,7 +16,6 @@
 					<h2 dir="auto" :title="threadSubject">
 						{{ threadSubject }}
 					</h2>
-
 				</div>
 			</div>
 			<ThreadSummary v-if="showSummaryBox" :loading="summaryLoading" :summary="summaryText" />
@@ -63,13 +62,6 @@ export default {
 		ThreadEnvelope,
 	},
 
-	props: {
-		currentAccountEmail: {
-			type: String,
-			required: true,
-		},
-	},
-
 	data() {
 		return {
 			summaryLoading: false,
@@ -644,35 +636,6 @@ export default {
 	}
 }
 
-.avatar-header {
-	height: var(--default-clickable-area);
-	overflow: hidden;
-	display: flex;
-	align-items: stretch;
-
-	:deep(.v-popper--theme-dropdown.v-popper__popper .v-popper__inner) {
-		height: 300px;
-		width: 250px;
-		overflow: auto;
-	}
-}
-
-.avatar-more {
-	display: flex;
-	background-color: var(--color-background-dark);
-	border-radius: var(--border-radius-large);
-	align-items: center;
-	cursor: pointer;
-}
-
-.v-popper.avatar-more {
-	padding: calc(var(--default-grid-baseline) * 2);
-}
-
-.avatar-hidden {
-	visibility: hidden;
-}
-
 .app-content-list-item-star.icon-starred {
 	display: none;
 }

src/components/ThreadEnvelope.vue

@@ -68,7 +68,7 @@
 							{{ envelope.from && envelope.from[0] ? envelope.from[0].email : '' }}
 						</p>
 					</div>
-						<div v-if="hasChangedSubject" class="subline">
+					<div v-if="hasChangedSubject" class="subline">
 						{{ cleanSubject }}
 					</div>
 					<div v-if="showSubline" class="subline">
@@ -272,32 +272,32 @@
 			</div>
 		</div>
 		<div v-if="expanded" class="envelope__recipients">
-		<div v-if="envelope.to && envelope.to.length" class="recipients">
-			<span class="recipients__label">{{ t('mail', 'To:') }}</span>
-			<RecipientBubble
-				v-for="recipient in envelope.to"
-				:key="recipient.email"
-				:email="recipient.email"
-				:label="recipient.label" />
-		</div>
-		<div v-if="envelope.cc && envelope.cc.length" class="recipients">
-			<span class="recipients__label">{{ t('mail', 'Cc:') }}</span>
-			<RecipientBubble
-				v-for="recipient in envelope.cc"
-				:key="recipient.email"
-				:email="recipient.email"
-				:label="recipient.label" />
-		</div>
-		<div v-if="envelope.bcc && envelope.bcc.length" class="recipients">
-			<span class="recipients__label">{{ t('mail', 'Bcc:') }}</span>
-			<RecipientBubble
-				v-for="recipient in envelope.bcc"
-				:key="recipient.email"
-				:email="recipient.email"
-				:label="recipient.label" />
+			<div v-if="envelope.to && envelope.to.length" class="recipients">
+				<span class="recipients__label">{{ t('mail', 'To:') }}</span>
+				<RecipientBubble
+					v-for="recipient in envelope.to"
+					:key="recipient.email"
+					:email="recipient.email"
+					:label="recipient.label" />
+			</div>
+			<div v-if="envelope.cc && envelope.cc.length" class="recipients">
+				<span class="recipients__label">{{ t('mail', 'Cc:') }}</span>
+				<RecipientBubble
+					v-for="recipient in envelope.cc"
+					:key="recipient.email"
+					:email="recipient.email"
+					:label="recipient.label" />
+			</div>
+			<div v-if="envelope.bcc && envelope.bcc.length" class="recipients">
+				<span class="recipients__label">{{ t('mail', 'Bcc:') }}</span>
+				<RecipientBubble
+					v-for="recipient in envelope.bcc"
+					:key="recipient.email"
+					:email="recipient.email"
+					:label="recipient.label" />
+			</div>
 		</div>
-	</div>
-	<MessageLoadingSkeleton v-if="loading === Loading.Skeleton" />
+		<MessageLoadingSkeleton v-if="loading === Loading.Skeleton" />
 		<Message
 			v-if="message"
 			v-show="loading === Loading.Done"
@@ -367,7 +367,6 @@ import IconFavorite from 'vue-material-design-icons/Star.vue'
 import StarOutline from 'vue-material-design-icons/StarOutline.vue'
 import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import Avatar from './Avatar.vue'
-import RecipientBubble from './RecipientBubble.vue'
 import ConfirmModal from './ConfirmationModal.vue'
 import Error from './Error.vue'
 import EventModal from './EventModal.vue'
@@ -378,6 +377,7 @@ import Message from './Message.vue'
 import MessageLoadingSkeleton from './MessageLoadingSkeleton.vue'
 import Moment from './Moment.vue'
 import MoveModal from './MoveModal.vue'
+import RecipientBubble from './RecipientBubble.vue'
 import SourceModal from './SourceModal.vue'
 import TagModal from './TagModal.vue'
 import TaskModal from './TaskModal.vue'
@@ -1346,7 +1346,6 @@ export default {
 			white-space: nowrap;
 		}
 
-
 		&--expanded {
 			min-height: 350px;
 		}