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

node_modules/flattie/dist/index.js

@@ -0,0 +1,27 @@
+function iter(output, nullish, sep, val, key) {
+	var k, pfx = key ? (key + sep) : key;
+
+	if (val == null) {
+		if (nullish) output[key] = val;
+	} else if (typeof val != 'object') {
+		output[key] = val;
+	} else if (Array.isArray(val)) {
+		for (k=0; k < val.length; k++) {
+			iter(output, nullish, sep, val[k], pfx + k);
+		}
+	} else {
+		for (k in val) {
+			iter(output, nullish, sep, val[k], pfx + k);
+		}
+	}
+}
+
+function flattie(input, glue, toNull) {
+	var output = {};
+	if (typeof input == 'object') {
+		iter(output, !!toNull, glue || '.', input, '');
+	}
+	return output;
+}
+
+exports.flattie = flattie;

node_modules/flattie/dist/index.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.flattie={})}(this,(function(e){e.flattie=function(e,t,f){var n={};return"object"==typeof e&&function e(t,f,n,o,i){var r,l=i?i+n:i;if(null==o)f&&(t[i]=o);else if("object"!=typeof o)t[i]=o;else if(Array.isArray(o))for(r=0;r<o.length;r++)e(t,f,n,o[r],l+r);else for(r in o)e(t,f,n,o[r],l+r)}(n,!!f,t||".",e,""),n}}));

node_modules/flattie/dist/index.mjs

@@ -0,0 +1,25 @@
+function iter(output, nullish, sep, val, key) {
+	var k, pfx = key ? (key + sep) : key;
+
+	if (val == null) {
+		if (nullish) output[key] = val;
+	} else if (typeof val != 'object') {
+		output[key] = val;
+	} else if (Array.isArray(val)) {
+		for (k=0; k < val.length; k++) {
+			iter(output, nullish, sep, val[k], pfx + k);
+		}
+	} else {
+		for (k in val) {
+			iter(output, nullish, sep, val[k], pfx + k);
+		}
+	}
+}
+
+export function flattie(input, glue, toNull) {
+	var output = {};
+	if (typeof input == 'object') {
+		iter(output, !!toNull, glue || '.', input, '');
+	}
+	return output;
+}