Refactor routing in App component to enhance navigation and improve error handling by integrating dynamic routes and updating the NotFound route.

node_modules/which-pm/index.js

@@ -0,0 +1,38 @@
+'use strict'
+const path = require('path')
+const fs = require('fs')
+const loadYamlFile = require('load-yaml-file')
+
+module.exports = async function (pkgPath) {
+  const modulesPath = path.join(pkgPath, 'node_modules')
+  const exists = fs.existsSync(path.join(modulesPath, '.yarn-integrity'))
+  if (exists) return { name: 'yarn' }
+
+  try {
+    const modules = await loadYamlFile(path.join(modulesPath, '.modules.yaml'))
+    return toNameAndVersion(modules.packageManager)
+  } catch (err) {
+    if (err.code !== 'ENOENT') throw err
+  }
+
+  if (fs.existsSync(path.join(pkgPath, 'bun.lockb'))) return { name: 'bun' }
+
+  const modulesExists = fs.existsSync(modulesPath)
+  return modulesExists ? { name: 'npm' } : null
+}
+
+function toNameAndVersion (pkgSpec) {
+  if (pkgSpec[0] === '@') {
+    const woPrefix = pkgSpec.substr(1)
+    const parts = woPrefix.split('@')
+    return {
+      name: `@${parts[0]}`,
+      version: parts[1]
+    }
+  }
+  const parts = pkgSpec.split('@')
+  return {
+    name: parts[0],
+    version: parts[1]
+  }
+}