refactor: streamline sidebar layout and adjust note/chat limits

- Updated `AppSidebar` to simplify the layout by removing unnecessary div wrappers around `NavChats` and `NavNotes`.
- Adjusted the number of notes and chats displayed in the sidebar from 5 to 4 for a more compact design.
- Modified `SidebarContent` and `SidebarGroup` styles for improved spacing and layout consistency.

surfsense_web/components/sidebar/app-sidebar.tsx

@@ -443,24 +443,20 @@ export const AppSidebar = memo(function AppSidebar({
 				</SidebarMenu>
 			</SidebarHeader>
 
-			<SidebarContent className="space-y-6">
-				<NavMain items={processedNavMain} />
+		<SidebarContent className="gap-1">
+			<NavMain items={processedNavMain} />
 
-				<div className="space-y-2">
-					<NavChats
-						chats={processedRecentChats}
-						searchSpaceId={searchSpaceId}
-					/>
-				</div>
+			<NavChats
+				chats={processedRecentChats}
+				searchSpaceId={searchSpaceId}
+			/>
 
-				<div className="space-y-2">
-					<NavNotes
-						notes={processedRecentNotes}
-						onAddNote={onAddNote}
-						searchSpaceId={searchSpaceId}
-					/>
-				</div>
-			</SidebarContent>
+			<NavNotes
+				notes={processedRecentNotes}
+				onAddNote={onAddNote}
+				searchSpaceId={searchSpaceId}
+			/>
+		</SidebarContent>
 			<SidebarFooter>
 				{pageUsage && (
 					<PageUsageDisplay pagesUsed={pageUsage.pagesUsed} pagesLimit={pageUsage.pagesLimit} />