Encode uri for deps

Author: Ives van Hoorne

src/app/store/entities/sandboxes/bundler/__snapshots__/dependencies-to-query.test.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`creates a right query 1`] = `"%40angular%2Fcore%4014.0.0+react%40latest+react-dom%4015.5.3"`;

src/app/store/entities/sandboxes/bundler/dependencies-to-query.js

@@ -1,5 +1,5 @@
 export default (dependencies: Object) =>
   Object.keys(dependencies)
     .sort()
-    .map(name => `${name}@${dependencies[name]}`)
+    .map(name => encodeURIComponent(`${name}@${dependencies[name]}`))
     .join('+');

src/app/store/entities/sandboxes/bundler/dependencies-to-query.test.js

@@ -7,7 +7,5 @@ it('creates a right query', () => {
     '@angular/core': '14.0.0',
   };
 
-  expect(dependenciesToQuery(packages)).toEqual(
-    '@angular/[email protected]+react@[email protected]'
-  );
+  expect(dependenciesToQuery(packages)).toMatchSnapshot();
 });