fix(Layout): refactor to sidebar layout component

packages/website/src/components/SidebarLayout.tsx

@@ -0,0 +1,18 @@
+import type { PropsWithChildren } from 'react';
+import { type ItemListProps, ItemSidebar } from './ItemSidebar';
+import type { findMember } from '~/model.server';
+
+export function SidebarLayout({
+	packageName,
+	data,
+	children,
+}: PropsWithChildren<Partial<ItemListProps & { data: { member: ReturnType<typeof findMember> } }>>) {
+	return (
+		<div className="flex flex-col lg:flex-row overflow-hidden max-w-full h-full max-h-full bg-white dark:bg-dark">
+			<div className="w-full lg:max-w-1/4 lg:min-w-1/4">
+				{packageName && data ? <ItemSidebar packageName={packageName} data={data} /> : null}
+			</div>
+			<div className="max-h-full grow overflow-auto">{children}</div>
+		</div>
+	);
+}