feat: avatars search bar ui

packages/website-ue/src/components/Section/index.css

@@ -0,0 +1,14 @@
+.section {
+  display: flex;
+  justify-content: center;
+  padding: 0 var(--space-4);
+
+  .content {
+    flex: 1;
+    max-width: var(--page-width);
+
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+  }
+}

packages/website-ue/src/components/Section/index.tsx

@@ -0,0 +1,15 @@
+import type { ComponentProps } from "react";
+import { classNames } from "../../core/ui/classNames";
+import "./index.css";
+
+export function Section({
+  className,
+  children,
+  ...props
+}: ComponentProps<"div">) {
+  return (
+    <div className={classNames("section", className)} {...props}>
+      <div className="content">{children}</div>
+    </div>
+  );
+}