Update posts per page to 7, layout and sidebar changes

Co-authored-by: Cursor <cursoragent@cursor.com>

components/layout-shell.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { SiteHeader } from './site-header';
 import { SiteFooter } from './site-footer';
 import dynamic from 'next/dynamic';

components/sidebar-layout.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import dynamic from 'next/dynamic';
 
 // Lazy load RightSidebar since it's only visible on lg+ screens