Add compounds browser mock up

assets/variables.scss

@@ -4,3 +4,6 @@
 // $font-size-root: 20px;
 $eubopen-primary-color: #113a70;
 $eubopen-secondary-color: #9dbfdc;
+$chembl-delete: #B71C1C; //red darken-4
+$chembl-add: #43A047; //red darken-4
+

pages/compound/browse.vue

+<template>
+  <div>
+    <EBCompoundsBrowser />
+  </div>
+</template>
+
+<script>
+import EBCompoundsBrowser from '~/web-components-submodule/components/common/Browsers/specific_browsers/compound/eubopen/EBCompoundsBrowser.vue'
+
+export default {
+  components: {
+    EBCompoundsBrowser,
+  },
+  data() {
+    return {
+      isEmbedded: false,
+    }
+  },
+}
+</script>
+
+<style></style>

pages/index.vue

@@ -2,6 +2,9 @@
   <v-row justify="center" align="center">
     <v-col cols="12">
       <v-btn color="primary" outlined to="/compound/1"> Compound Example</v-btn>
+      <v-btn color="primary" outlined to="/compound/browse">
+        Browse Compounds Example
+      </v-btn>
       <v-btn color="primary" outlined to="/target/1"> Target Example</v-btn>
       <h1>Lorem ipsum</h1>
       <p class="text-justify">

web-components-submodule @ 453b2037

-Subproject commit 0467239f3207cf5ffb744b7aa0b63c7c32714b29
+Subproject commit 453b2037006ed7b62cba7bcc554d1c099ce09a09