Add drfated and archived badges in blog list, use archive icon for archived statement, remove ellipsis form load comments button

sass/_blog-list.scss

@@ -0,0 +1,41 @@
+.blog-list {
+	article {
+		position: relative;
+
+		&.draft {
+			outline: 2px dashed var(--fg-muted-2);
+			outline-offset: 0.5rem;
+			border-radius: 1rem;
+		}
+
+		.draft-badge,
+		.archive-badge {
+			position: absolute;
+			top: 0;
+			right: 0;
+			transition: var(--transition);
+			box-shadow: var(--edge-highlight);
+			border-radius: 999px;
+			padding: 0.25rem 0.75rem;
+			font-weight: bold;
+
+			svg {
+				vertical-align: -0.125em;
+			}
+		}
+
+		.draft-badge {
+			background-color: var(--fg-muted-1);
+			color: var(--fg-muted-4);
+		}
+
+		.archive-badge {
+			background-color: var(--purple-bg);
+			color: var(--purple-fg);
+		}
+	}
+
+	hr:last-of-type {
+		display: none;
+	}
+}

sass/_main.scss

@@ -140,10 +140,6 @@ hr {
 	width: 100%;
 }
 
-.blog-list hr:last-of-type {
-	display: none;
-}
-
 blockquote {
 	margin: 0;
 	border-left: 0.25rem solid var(--primary-color);

sass/style.scss

@@ -9,6 +9,7 @@
 @use "variables";
 @use "main";
 
+@use "blog-list";
 @use "buttons";
 @use "comments";
 @use "crt";