style: constrain description width in AppPage; add description to sidebar items

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/layout/AppPage.tsx

@@ -19,7 +19,7 @@ export function AppPage({ title, description, icon: Icon, children, className }:
             <h1 className="text-2xl font-bold">{title}</h1>
           </div>
           {description && (
-            <p className="text-sm text-muted-foreground">
+            <p className="text-sm text-muted-foreground max-w-2xl">
               {description}
             </p>
           )}

components/layout/AppSidebar.tsx

@@ -97,6 +97,7 @@ export function AppSidebar() {
                       {!isCollapsed && (
                         <div className="min-w-0">
                           <span className="whitespace-nowrap block">{tool.navTitle}</span>
+                          <span className="text-[10px] text-muted-foreground leading-tight block line-clamp-2">{tool.description}</span>
                         </div>
                       )}
                     </div>