feat: implement infinite scroll and pagination for inbox items

- Enhanced the inbox functionality by adding infinite scroll support in the InboxSidebar, allowing users to load more items seamlessly as they scroll.
- Updated the useInbox hook to manage pagination, including loading states and item counts, improving performance with large datasets.
- Introduced new props in InboxSidebar for loading more items, handling loading states, and indicating if more items are available.
- Refactored the LayoutDataProvider to accommodate the new inbox loading logic, ensuring a smooth user experience.

surfsense_web/components/layout/providers/LayoutDataProvider.tsx

@@ -87,7 +87,16 @@ export function LayoutDataProvider({
 
 	// Inbox hook
 	const userId = user?.id ? String(user.id) : null;
-	const { inboxItems, unreadCount, loading: inboxLoading, markAsRead, markAllAsRead } = useInbox(
+	const { 
+		inboxItems, 
+		unreadCount, 
+		loading: inboxLoading, 
+		loadingMore: inboxLoadingMore,
+		hasMore: inboxHasMore,
+		loadMore: inboxLoadMore,
+		markAsRead, 
+		markAllAsRead 
+	} = useInbox(
 		userId,
 		Number(searchSpaceId) || null,
 		null
@@ -549,6 +558,9 @@ export function LayoutDataProvider({
 				inboxItems={inboxItems}
 				unreadCount={unreadCount}
 				loading={inboxLoading}
+				loadingMore={inboxLoadingMore}
+				hasMore={inboxHasMore}
+				loadMore={inboxLoadMore}
 				markAsRead={markAsRead}
 				markAllAsRead={markAllAsRead}
 			/>