Add link to data browser + prefix in dataset overview page (#617)

# Description
- Add a `download` button to the dataset overview page that links to the
data browser > /path-to-collection/

# Demo

https://deploy-preview-41--ghg-demo.netlify.app/data-catalog/land-atmoshphere-co2-emissions-monthly-2022

app/scripts/components/common/notebook-connect.tsx

@@ -5,7 +5,8 @@ import { Button, ButtonProps } from '@devseed-ui/button';
 import {
   CollecticonBook,
   CollecticonCode,
-  CollecticonCog
+  CollecticonCog,
+  CollecticonDownload2
 } from '@devseed-ui/collecticons';
 import { Modal } from '@devseed-ui/modal';
 import { DatasetData, datasets } from 'veda';
@@ -78,11 +79,12 @@ const DatasetUsageLabel = styled.div`
   }
 `;
 
-type DatasetUsageType = 'jupyter' | 'github' | 'unknown';
+type DatasetUsageType = 'jupyter' | 'github' | 'download' | 'unknown';
 
 const IconByType: Record<DatasetUsageType, any> = {
   jupyter: <CollecticonCog />,
   github: <CollecticonBook />,
+  download: <CollecticonDownload2 />,
   unknown: <CollecticonCog />
 };
 
@@ -100,6 +102,8 @@ export function NotebookConnectModal(props: {
       let type = 'unknown';
       if (d.url.match('nasa-veda.2i2c.cloud')) type = 'jupyter';
       else if (d.url.match('github.com/NASA-IMPACT/veda-docs')) type = 'github';
+      // TO DO: browser UI url pattern check
+      else if (d.url.match('browseui')) type = 'download';
       return {
         ...d,
         type
@@ -186,7 +190,7 @@ function NotebookConnectButtonSelf(props: NotebookConnectButtonProps) {
         size={size}
       >
         <CollecticonCode meaningful={compact} title='Open data usage options' />
-        {compact ? '' : 'Analyze data (Python)'}
+        {compact ? '' : 'Access Data'}
       </Button>
       <NotebookConnectModal
         dataset={dataset}

mock/datasets/no2.data.mdx

@@ -13,6 +13,9 @@ usage:
   - url: 'https://github.com/NASA-IMPACT/veda-docs'
     label: All the docs for the site
     title: 'Documentaion repo'
+  - url: https://d36s2ep3ahcq5b.cloudfront.net/browseui/index.html#ch4_inverse_flux
+    label: Data Browser
+    title: Download data
 media:
   src: ::file ./no2--dataset-cover.jpg
   alt: Power plant shooting steam at the sky.