Update note card preview (show new line)

components/card/Note.vue

@@ -1,6 +1,6 @@
 <template>
 	<div
-		class="bg-secondary group/note flex w-full cursor-pointer flex-col gap-4 px-4 py-2"
+		class="group/note flex w-full cursor-pointer flex-col gap-4 bg-secondary px-4 py-2"
 		v-auto-animate
 		@click="toggleDetail()">
 		<div class="flex items-center">
@@ -16,7 +16,7 @@
 						ref="contextMenu"
 						v-if="showOptions">
 						<div
-							class="bg-secondary border-lightgray absolute right-0 top-0 z-50 flex h-fit w-64 flex-col border">
+							class="absolute right-0 top-0 z-50 flex h-fit w-64 flex-col border border-lightgray bg-secondary">
 							<CardOptions
 								name="View Note"
 								@click.stop="noteDetail(props.uuid)" />
@@ -27,7 +27,7 @@
 		</div>
 		<div
 			v-if="showDetail"
-			class="pb-2">
+			class="mb-2 line-clamp-6 whitespace-pre">
 			{{ props.description }}
 		</div>
 	</div>