fix(misc): Update the data source name, provide a /datasources example customization for debug (#3036)

* fix(misc):Update the data source name, provide  a /datasources

Update the imports for a few things to match, to avoid 2 versions

Fix the datasources name

pr:Make the data source selector configurable

* Updated data source selector page as requested

* PR fixes

extensions/default/src/getCustomizationModule.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import DataSourceSelector from './Panels/DataSourceSelector';
 
 /**
  *
@@ -25,5 +26,19 @@ export default function getCustomizationModule() {
         ],
       },
     },
+
+    // Example customization to list a set of datasources
+    {
+      name: 'datasources',
+      value: {
+        id: 'customRoutes',
+        routes: [
+          {
+            path: '/datasources',
+            children: DataSourceSelector,
+          },
+        ],
+      },
+    },
   ];
 }