chore: add playground, descriptive name for cn

src/app/layout.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import "./globals.css";
 import { dystopian, inter } from "fonts";
-import { cn } from "lib/cn";
+import { cn } from "lib/css-utils";
 
 export const metadata: Metadata = {
   title: "Guildhall",

src/app/playground/page.tsx

@@ -0,0 +1,14 @@
+const Playground = () => {
+  return (
+    <main className="text-8xl">
+      <h1 className="font-display">Hello, Guild!</h1>
+      <h2 className="font-bold font-display">Hello, Guild!</h2>
+      <p>Test, one, two, three...</p>
+      <p className="font-sans">
+        Test, <strong>one</strong>, <em>two</em>, three...
+      </p>
+    </main>
+  );
+};
+
+export default Playground;