add 404 page

src/pages/404.astro

@@ -0,0 +1,37 @@
+---
+import Layout from "@/layouts/Global.astro";
+import { Icon } from "astro-icon/components"
+---
+
+<Layout title="404 Not Found">
+    <div class="m-auto">
+        <div class="icon">
+            <Icon width={100} height={100} name="solar:danger-triangle-bold"/>
+        </div>
+
+        <div class="undr">
+            <div class="ntf">404 Not Found</div>
+            <div>
+                (╯°□°)╯ ┻━┻
+            </div>
+        </div>
+    </div>
+</Layout>
+
+<style>
+    .icon {
+        @apply animate-pulse text-ctp-red
+    }
+
+    .icon svg {
+        margin: auto;
+    }
+
+    .undr {
+        text-align: center;
+    }
+
+    .ntf {
+        @apply font-semibold text-[30px]
+    }
+</style>