feat(component): add component PostItem

Author: ansidev

src/components/post/PostItem.astro

@@ -0,0 +1,27 @@
+---
+import Icon from '@/components/Icon.astro'
+
+export interface Props {
+  title: string
+  href: string
+}
+
+const { title, href } = Astro.props
+---
+
+<a href={href}>
+  <div class="post-item flex items-center justify-between">
+    <div>
+      <h2>{title}</h2>
+    </div>
+    <span class="px-2"><Icon name="bi:arrow-right" /></span>
+  </div>
+</a>
+
+<style lang="scss">
+  .post-item {
+    @apply mx-3 my-2 p-3;
+    @apply border-2 border-solid border-style-primary;
+    @apply hover:bg-style-primary text-style-secondary hover:text-style-primary-inverted;
+  }
+</style>