feat: Implement foundational UI components (Button, Card) and layout components (Section, Container), updating design tokens, styling, and documentation.

components/layout/Container.tsx

@@ -0,0 +1,21 @@
+import type { ElementType, ReactNode } from "react";
+
+interface ContainerProps {
+  children: ReactNode;
+  className?: string;
+  as?: ElementType;
+}
+
+export function Container({
+  children,
+  className = "",
+  as: Tag = "div",
+}: ContainerProps) {
+  return (
+    <Tag
+      className={`mx-auto w-full max-w-[var(--container-max-width)] px-[var(--container-padding-x)] ${className}`.trim()}
+    >
+      {children}
+    </Tag>
+  );
+}