Navigate to configurations page when creating/opening project (#580)

Author: Matthbo

src/main/frontend/app/routes/projectlanding/project-landing.tsx

@@ -6,6 +6,7 @@ import Sidebar from '~/routes/projectlanding/sidebar'
 import Toolbar from '~/routes/projectlanding/toolbar'
 import { fetchInstanceConfigurations, type FFConfiguration } from '~/services/frank-framework-service'
 import { useProjectStore } from '~/stores/project-store'
+import type { ConfigurationProject } from '~/types/project.types'
 import { ApiError } from '~/utils/api'
 import { logApiError } from '~/utils/logger'
 import { getParentPath, normalizePath } from '~/utils/path-utils'
@@ -95,20 +96,27 @@ export default function ProjectLanding() {
     }
   }, [isLocalEnvironment])
 
+  const openProjectAndNavigate = useCallback(
+    (project: ConfigurationProject) => {
+      setProject(project)
+      navigate(`/configurations`)
+    },
+    [navigate, setProject],
+  )
+
   const handleOpenProject = useCallback(
     async (rootPath: string) => {
       setIsOpeningProject(true)
       try {
         const project = await openProject(rootPath)
-        setProject(project)
-        navigate(`/studio`)
+        openProjectAndNavigate(project)
       } catch (error) {
         showErrorToast(error instanceof Error ? error.message : 'Failed to open project')
       } finally {
         setIsOpeningProject(false)
       }
     },
-    [navigate, setProject],
+    [openProjectAndNavigate],
   )
 
   const onOpenFolder = async (selectedPath: string) => {
@@ -120,9 +128,8 @@ export default function ProjectLanding() {
     setIsOpeningProject(true)
     try {
       const project = await createProject(name, rootPath)
-      setProject(project)
       setIsModalOpen(false)
-      navigate(`/studio`)
+      openProjectAndNavigate(project)
     } catch (error) {
       showErrorToast(error instanceof Error ? error.message : 'Failed to create project')
     } finally {
@@ -134,9 +141,8 @@ export default function ProjectLanding() {
     setIsOpeningProject(true)
     try {
       const project = await cloneProject(repoUrl, localPath, token)
-      setProject(project)
       setIsCloneModalOpen(false)
-      navigate(`/studio`)
+      openProjectAndNavigate(project)
     } catch (error) {
       showErrorToast(error instanceof Error ? error.message : 'Failed to clone project from GitHub')
     } finally {
@@ -169,9 +175,8 @@ export default function ProjectLanding() {
     setIsOpeningProject(true)
     try {
       const project = await importProjectFolder(files)
-      setProject(project)
+      openProjectAndNavigate(project)
       refetch()
-      navigate(`/studio`)
     } catch (error) {
       showErrorToast(error instanceof Error ? error.message : 'Failed to import project')
     } finally {