App reorganization

app/components/utility/Scrollbar/Scrollbar.container.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { memo } from "react";
+import { ScrollbarView } from "./Scrollbar.view";
+import type { ScrollbarProps } from "./Scrollbar.types";
+
+/**
+ * Figma: "Utility / Scrollbar" (TODO(figma)).
+ * Custom-styled scrollable wrapper. Most surfaces should attach
+ * `SCROLLBAR_DESIGN_CLASS` directly instead of nesting through this view.
+ */
+const ScrollbarContainer = memo<ScrollbarProps>((props) => {
+  return <ScrollbarView {...props} />;
+});
+
+ScrollbarContainer.displayName = "Scrollbar";
+
+export default ScrollbarContainer;

app/components/utility/Scrollbar/index.tsx

@@ -1,4 +1,4 @@
-export { ScrollbarView as default } from "./Scrollbar.view";
+export { default } from "./Scrollbar.container";
 export type { ScrollbarProps } from "./Scrollbar.types";
 
 /** Class name to apply the design system scrollbar to any scrollable element (e.g. textarea, div). */