💄 style: add styles for archive screen

sass/main.scss

@@ -3,6 +3,7 @@
   src: url('fonts/Inter.ttf');
   font-display: swap;
 }
+@import 'parts/archive.scss';
 @import 'parts/_cards.scss';
 @import 'parts/_code.scss';
 @import 'parts/_header.scss';

sass/parts/_archive.scss

@@ -0,0 +1,25 @@
+.archive {
+  .listing-title {
+    font-size: 1.5rem;
+    opacity: 0.8;
+    margin-bottom: 1rem;
+  }
+
+  .listing-item {
+    padding: 0.2rem 1rem;
+    display: flex;
+    gap: 1rem;
+    .post-time {
+      width: 4rem;
+      .date {
+        opacity: 0.4;
+      }
+    }
+  }
+
+  ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+}