refactor!: refine spacings

BREAKING CAHNGE: some spaces changed

components/page-root-section.tsx

@@ -1,3 +1,5 @@
+import { cn } from "@/lib/style";
+
 type Props = {
   className?: string;
   children: React.ReactNode;
@@ -6,8 +8,8 @@ type Props = {
 
 export function PageRootSection({ className, children, title }: Props) {
   return (
-    <section {...{ className }}>
-      <h1 className="mb-6 text-2xl">{title}</h1>
+    <section className={cn("flex flex-col gap-6", className)}>
+      <h1 className="text-2xl">{title}</h1>
       {children}
     </section>
   );