feat: recently viewed

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

@@ -11,4 +11,8 @@
     flex-direction: column;
     gap: var(--space-4);
   }
+
+  &[data-first="true"] .content {
+    padding-top: var(--space-6);
+  }
 }

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

@@ -2,13 +2,17 @@ import type { ComponentProps } from "react";
 import { classNames } from "../../core/ui/classNames";
 import "./index.css";
 
-export function Section({
-  className,
-  children,
-  ...props
-}: ComponentProps<"div">) {
+export interface SectionProps extends ComponentProps<"div"> {
+  first?: boolean;
+}
+
+export function Section({ className, children, ...props }: SectionProps) {
   return (
-    <div className={classNames("section", className)} {...props}>
+    <div
+      data-first={props.first}
+      className={classNames("section", className)}
+      {...props}
+    >
       <div className="content">{children}</div>
     </div>
   );