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

node_modules/astro/dist/runtime/client/dev-toolbar/settings.js

@@ -0,0 +1,53 @@
+const defaultSettings = {
+  disableAppNotification: false,
+  verbose: false,
+  placement: "bottom-center"
+};
+const settings = getSettings();
+function getSettings() {
+  let _settings = { ...defaultSettings };
+  const toolbarSettings = localStorage.getItem("astro:dev-toolbar:settings");
+  const oldSettings = localStorage.getItem("astro:dev-overlay:settings");
+  if (oldSettings && !toolbarSettings) {
+    localStorage.setItem("astro:dev-toolbar:settings", oldSettings);
+    localStorage.removeItem("astro:dev-overlay:settings");
+  }
+  if (toolbarSettings) {
+    _settings = { ..._settings, ...JSON.parse(toolbarSettings) };
+  }
+  function updateSetting(key, value) {
+    _settings[key] = value;
+    localStorage.setItem("astro:dev-toolbar:settings", JSON.stringify(_settings));
+  }
+  function log(message, level = "log") {
+    console[level](
+      `%cAstro`,
+      "background: linear-gradient(66.77deg, #D83333 0%, #F041FF 100%); color: white; padding-inline: 4px; border-radius: 2px; font-family: monospace;",
+      message
+    );
+  }
+  return {
+    get config() {
+      return _settings;
+    },
+    updateSetting,
+    logger: {
+      log,
+      warn: (message) => {
+        log(message, "warn");
+      },
+      error: (message) => {
+        log(message, "error");
+      },
+      verboseLog: (message) => {
+        if (_settings.verbose) {
+          log(message);
+        }
+      }
+    }
+  };
+}
+export {
+  defaultSettings,
+  settings
+};