add event header component and the first pig

web/src/components/general/Pig.tsx

@@ -0,0 +1,19 @@
+import styles from "./pig.module.scss";
+import { LogoPig } from "./pigs/LogoPig";
+
+export const Pig = ({
+  type,
+}: {
+  type:
+    | "logo"
+    | "music"
+    | "point"
+    | "student"
+    | "dance"
+    | "listen"
+    | "drink"
+    | "guard"
+    | "peek";
+}) => {
+  return <div className={styles.pig}>{type === "logo" && <LogoPig />}</div>;
+};

web/src/components/general/pig.module.scss

@@ -0,0 +1,8 @@
+.pig {
+  color: var(--color-pig);
+  width: 16rem;
+
+  svg {
+    width: 100%;
+  }
+}