feat(ui): add recent section toggle

packages/ui/src/components/session/sidebar/SidebarHeader.tsx

@@ -78,7 +78,9 @@ export function SidebarHeader(props: Props): React.ReactNode {
   } = props;
 
   const displayMode = useSessionDisplayStore((state) => state.displayMode);
+  const showRecentSection = useSessionDisplayStore((state) => state.showRecentSection);
   const setDisplayMode = useSessionDisplayStore((state) => state.setDisplayMode);
+  const toggleRecentSection = useSessionDisplayStore((state) => state.toggleRecentSection);
 
   if (hideDirectoryControls) {
     return null;
@@ -240,6 +242,14 @@ export function SidebarHeader(props: Props): React.ReactNode {
                     {displayMode === 'minimal' ? <RiCheckLine className="h-4 w-4 text-primary" /> : null}
                   </DropdownMenuItem>
                   <DropdownMenuSeparator />
+                  <DropdownMenuItem
+                    onClick={toggleRecentSection}
+                    className="flex items-center justify-between"
+                  >
+                    <span>{t('sessions.sidebar.header.displayMode.showRecent')}</span>
+                    {showRecentSection ? <RiCheckLine className="h-4 w-4 text-primary" /> : null}
+                  </DropdownMenuItem>
+                  <DropdownMenuSeparator />
                   <DropdownMenuItem onClick={collapseAllProjects} className="flex items-center gap-2">
                     <RiContractUpDownLine className="h-4 w-4" />
                     <span>{t('sessions.sidebar.header.displayMode.collapseAll')}</span>