design: align folder icon and title inline in empty state, add 'change later' note

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

src/components/quickstart/WorkflowBrowserView.tsx

@@ -171,9 +171,10 @@ export function WorkflowBrowserView({
           </div>
         )}
         <div className="flex flex-col items-center gap-4 py-8">
-          <div className="w-12 h-12 rounded-xl bg-neutral-700/50 flex items-center justify-center">
+          <div className="flex items-center gap-2.5">
+            <div className="w-9 h-9 rounded-lg bg-neutral-700/50 flex items-center justify-center">
               <svg
-              className="w-6 h-6 text-neutral-400"
+                className="w-5 h-5 text-neutral-400"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke="currentColor"
@@ -186,14 +187,13 @@ export function WorkflowBrowserView({
                 />
               </svg>
             </div>
-          <div className="text-center">
+            <h2 className="text-lg font-medium text-neutral-200">
-            <h2 className="text-lg font-medium text-neutral-200 mb-1">
               Your Workflows
             </h2>
-            <p className="text-sm text-neutral-500 max-w-xs">
-              Choose a folder that contains your workflow projects
-            </p>
           </div>
+          <p className="text-sm text-neutral-500 max-w-xs text-center">
+            Choose a folder that contains your workflow projects. You can change this later.
+          </p>
           <button
             onClick={browseAndSetDir}
             className="px-4 py-2 text-sm font-medium text-neutral-200 bg-neutral-700 hover:bg-neutral-600 rounded-lg transition-colors"