Use external npm sidebar package instead.

package.json

@@ -21,6 +21,7 @@
   ],
   "dependencies": {
     "@abi-software/flatmapvuer": "^0.1.30",
+    "@abi-software/map-side-bar": "^1.0.0",
     "@abi-software/maptooltip": "^0.1.13",
     "@abi-software/plotvuer": "^0.2.41",
     "@abi-software/scaffoldvuer": "^0.1.45",

src/components/ContentVuer.vue

@@ -18,7 +18,6 @@
         :render="entry.mode !== 'minimised'" :displayMinimap=false :displayMarkers=false />
       <PlotVuer v-else-if="entry.type === 'Plot'" :url="entry.resource"
       :plotType="entry.plotType" :helpMode="helpMode" style="overflow: hidden"></PlotVuer>
-      <SideBar v-else-if="entry.type === 'Search'" :visbility="true" :isDrawer="false"  :entry="entry.entry" class="search"></SideBar>
       <IframeVuer v-else-if="entry.type === 'Iframe'" :url="entry.resource" />
     </div>
   </div>
@@ -30,7 +29,6 @@ import EventBus from './EventBus';
 import DatasetHeader from './DatasetHeader';
 import IframeVuer from './Iframe';
 import {getAvailableTermsForSpecies} from './SimulatedData.js';
-import SideBar from './SideBar'
 import { FlatmapVuer, MultiFlatmapVuer } from '@abi-software/flatmapvuer';
 import '@abi-software/flatmapvuer/dist/flatmapvuer.css';
 import { ScaffoldVuer } from '@abi-software/scaffoldvuer';
@@ -52,7 +50,6 @@ export default {
   components: {
     DatasetHeader,
     IframeVuer,
-    SideBar,
     FlatmapVuer,
     MultiFlatmapVuer,
     ScaffoldVuer,