Chunk out the different routers and clean up feature logic

resources/scripts/components/server/features/Features.tsx

@@ -0,0 +1,19 @@
+import React, { useMemo } from 'react';
+import features from './index';
+import { getObjectKeys } from '@/helpers';
+
+type ListItems = [ string, React.ComponentType ][];
+
+export default ({ enabled }: { enabled: string[] }) => {
+    const mapped: ListItems = useMemo(() => {
+        return getObjectKeys(features)
+            .filter(key => enabled.map((v) => v.toLowerCase()).includes(key.toLowerCase()))
+            .reduce((arr, key) => [ ...arr, [ key, features[key] ] ], [] as ListItems);
+    }, [ enabled ]);
+
+    return (
+        <React.Suspense fallback={null}>
+            {mapped.map(([ key, Component ]) => <Component key={key}/>)}
+        </React.Suspense>
+    );
+};