Use real data for compounds PDBe Visualisations

.vscode/launch.json

+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file

components/report_cards/shared/CrystalStructures/PDBeVisualisations.vue

 <template>
   <v-card outlined tile>
-    thereAreMolecules: {{ thereAreMolecules }}, pdbeMolecules:
-    {{ pdbeMolecules }}
     <v-skeleton-loader v-if="loading" type="image"></v-skeleton-loader>
-    <template v-if="!loading && !thereAreRefs">
+    <template v-if="!loading && !thereAreMolecules">
       <v-card-text> No entires found in PDB for {{ ligandCode }} </v-card-text>
     </template>
-    <template v-if="!loading && thereAreRefs">
+    <template v-if="!loading && thereAreMolecules">
       <v-card-text>
         <v-card-title> PDB ligand code: {{ ligandCode }} </v-card-title>
         <v-row>