feat: add layout for thoughts page

app/thoughts/[slug]/page.tsx

@@ -0,0 +1,5 @@
+export default function Page({ params }: { params: { slug: string } }) {
+  return (
+    <h1>{params.slug}</h1>
+  )
+}

app/thoughts/layout.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+export default function ThoughtsLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  return <main className="w-full flex flex-col gap-10 mt-10">
+    {children}
+  </main>
+}

app/thoughts/page.tsx

@@ -27,7 +27,7 @@ export const metadata: Metadata = {
 
 export default function Thoughts() {
   return (
-    <main className="w-full flex flex-col gap-10 mt-10">
+    <>
       <h2 className="text-3xl font-bold">Thoughts.</h2>
       <div className="flex flex-col gap-5">
         {MOCK_DATA.map((item) => (
@@ -43,6 +43,6 @@ export default function Thoughts() {
           </div>
         ))}
       </div>
-    </main>
+    </>
   )
 }