refactor: hoist resolved mode/config in interactive install steps

Author: fernandomg

source/components/steps/FileCleanup.tsx

@@ -29,10 +29,11 @@ const FileCleanup: FC<Props> = ({ stack, onCompletion, installationConfig, proje
   }, [])
 
   useEffect(() => {
+    const mode = installationType ?? 'full'
     const selectedNames = selectedFeatures?.map((f) => f.value as FeatureName) ?? []
-    const features = resolveModeFeatures(stack, installationType ?? 'full', selectedNames)
+    const features = resolveModeFeatures(stack, mode, selectedNames)
 
-    cleanupFiles(stack, projectFolder, installationType ?? 'full', features, handleProgress)
+    cleanupFiles(stack, projectFolder, mode, features, handleProgress)
       .then(() => {
         // Scaffold is complete — an interrupt from here on must not delete the finished project.
         completeInstall()

source/components/steps/Install/Install.tsx

@@ -33,19 +33,14 @@ const Install: FC<Props> = ({ stack, projectName, onCompletion, installationConf
   }, [])
 
   useEffect(() => {
+    const mode = installationType ?? 'full'
     const selectedNames = selectedFeatures?.map((f) => f.value as FeatureName) ?? []
-    const features = resolveModeFeatures(stack, installationType ?? 'full', selectedNames)
+    const features = resolveModeFeatures(stack, mode, selectedNames)
 
     const run = async () => {
       handleProgress('Creating env files')
       await createEnvFile(stack, projectFolder, features)
-      await installPackages(
-        stack,
-        projectFolder,
-        installationType ?? 'full',
-        features,
-        handleProgress,
-      )
+      await installPackages(stack, projectFolder, mode, features, handleProgress)
     }
 
     run()

source/components/steps/OptionalPackages.tsx

@@ -24,13 +24,10 @@ const OptionalPackages: FC<Props> = ({ stack, onCompletion, onSubmit, skip = fal
   }, [stack])
 
   // Pre-check only default:true features (e.g. Canton's github/precommit start unchecked).
-  const defaultSelected: Array<MultiSelectItem> = useMemo(
-    () =>
-      customPackages.filter(
-        (pkg) => getStackConfig(stack).features[pkg.value as FeatureName]?.default,
-      ),
-    [stack, customPackages],
-  )
+  const defaultSelected: Array<MultiSelectItem> = useMemo(() => {
+    const features = getStackConfig(stack).features
+    return customPackages.filter((pkg) => features[pkg.value as FeatureName]?.default)
+  }, [stack, customPackages])
 
   // Keep the selection dependency-consistent as the user toggles (resolves any feature `requires`).
   const transformSelection = useCallback(