feat: add cutie koishi and credits

src/Editor/index.tsx

@@ -4,6 +4,8 @@ import { useRecoilState } from "recoil";
 import { EditorValueState } from "../GlobalStates/EditorValueState";
 import { motion } from "framer-motion";
 
+import style from "./style.module.scss";
+
 export const Editor: FC = () => {
   const [value, setValue] = useRecoilState(EditorValueState)
   const ref = useRef<any>()
@@ -25,6 +27,7 @@ export const Editor: FC = () => {
 
   return (
     <motion.div
+      className={style.container}
       ref={containerRef}
       transition={{ delay: 1.5 }}
       initial={{ opacity: 0 }}
@@ -51,6 +54,14 @@ export const Editor: FC = () => {
           cursorStyle: 'line'
         }}
         theme="vs-dark" />
+
+      <div className={style.credit}>
+        <div className={style.creditstr}>
+          <p>The PTOOLS v2</p>
+          <p>Made by Minhyeok Park</p>
+        </div>
+        <img className={style.koishi} src="/koishi.webp" />
+      </div>
     </motion.div>
   )
 }

src/Editor/style.module.scss

@@ -0,0 +1,21 @@
+.container {
+  position: relative;
+
+  .credit {
+    padding: 1px 0px;
+    position: absolute;
+    z-index: 99999;
+    bottom: 0;
+    right: 0;
+    box-sizing: border-box;
+    display: flex;
+    align-items: flex-end;
+    text-align: right;
+    opacity: 0.25;
+
+    .koishi {
+      width: 140px;
+    }
+  }
+}
+