[dashboard] Prevent that the tab of “New Workspace“ changes when visible

Fixes #3764

Author: corneliusludmann

components/dashboard/src/workspaces/StartWorkspaceModal.tsx

@@ -27,7 +27,7 @@ type Mode = 'Recent' | 'Examples';
 export function StartWorkspaceModal(p: StartWorkspaceModalProps) {
     const computeSelection = () => p.selected || (p.recent.length > 0 ? 'Recent' : 'Examples');
     const [selection, setSelection] = useState(computeSelection());
-    useEffect(() => setSelection(computeSelection()), [p.recent, p.selected]);
+    useEffect(() => { !p.visible && setSelection(computeSelection()) }, [p.visible, p.recent, p.selected]);
 
     const list = (selection === 'Recent' ? p.recent : p.examples).map((e, i) =>
         <a key={`item-${i}-${e.title}`} href={e.startUrl} className="rounded-xl group hover:bg-gray-100 dark:hover:bg-gray-800 flex p-4 my-1">