feat: docs loading

src/app/docs/layout.tsx

@@ -1,5 +1,5 @@
 import "../../styles/simple.scss";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  return { children };
+  return <>{children} </>;
 }

src/app/docs/page.tsx

@@ -0,0 +1,15 @@
+export default function Page() {
+  return (
+    <div className="grid grid-rows-2 justify-center items-center">
+      <h1 className="text-xl">Loading...</h1>
+      <img
+        alt="still waiting"
+        src={
+          "https://media1.tenor.com/m/bZpnYV69q7kAAAAC/kyriostsahs-lonely.gif"
+        }
+        height={400}
+        width={600}
+      ></img>
+    </div>
+  );
+}