fix: prevent horizontal page scroll in skill editor layout

Add overflow-hidden to SkillPageLayout and min-w-0 to flex children
to ensure wide content (like SQLite tables with many columns) scrolls
internally rather than causing the entire page to scroll horizontally.

web/app/components/workflow/skill/content-area.tsx

@@ -5,7 +5,7 @@ type ContentAreaProps = PropsWithChildren
 
 const ContentArea: FC<ContentAreaProps> = ({ children }) => {
   return (
-    <section className="flex min-h-0 flex-1 flex-col rounded-lg">
+    <section className="flex min-h-0 min-w-0 flex-1 flex-col rounded-lg">
       {children}
     </section>
   )

web/app/components/workflow/skill/content-body.tsx

@@ -5,7 +5,7 @@ type ContentBodyProps = PropsWithChildren
 
 const ContentBody: FC<ContentBodyProps> = ({ children }) => {
   return (
-    <div className="flex min-h-0 flex-1">
+    <div className="flex min-h-0 min-w-0 flex-1">
       {children}
     </div>
   )

web/app/components/workflow/skill/skill-page-layout.tsx

@@ -5,7 +5,7 @@ type SkillPageLayoutProps = PropsWithChildren
 
 const SkillPageLayout: FC<SkillPageLayoutProps> = ({ children }) => {
   return (
-    <div className="flex h-full gap-3">
+    <div className="flex h-full gap-3 overflow-hidden">
       {children}
     </div>
   )