feat: set page title to project or dataset title (#1881)

client/package.json

@@ -45,6 +45,7 @@
     "react-collapse": "^5.0.0",
     "react-cookie-consent": "^5.2.0",
     "react-dom": "^17.0.2",
+    "react-helmet": "^6.1.0",
     "react-js-pagination": "^3.0.2",
     "react-katex": "^2.0.2",
     "react-markdown": "^8.0.3",

client/src/App.js

@@ -24,6 +24,7 @@
  */
 
 import React, { Component, Fragment } from "react";
+import { Helmet } from "react-helmet";
 import { Route, Switch } from "react-router-dom";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
@@ -72,6 +73,9 @@ function CentralContentContainer(props) {
 
   return <div className="container-xxl pt-4 mt-2 renku-container">
     <AppContext.Provider value={appContext}>
+      <Helmet>
+        <title>Reproducible Data Science | Open Research | Renku</title>
+      </Helmet>
       <Switch>
         <Route exact path="/login" render={
           p => <Login key="login" {...p} {...props} />} />

client/src/dataset/Dataset.present.js

@@ -17,6 +17,7 @@
  */
 
 import React, { useState } from "react";
+import { Helmet } from "react-helmet";
 import {
   Button, Card, CardBody, CardHeader, Col, DropdownItem, DropdownMenu, DropdownToggle, Row,
   Table, UncontrolledButtonDropdown, Badge
@@ -336,6 +337,12 @@ export default function DatasetView(props) {
 
   return <Col>
     <ErrorAfterCreation location={props.location} dataset={dataset} />
+    {
+      props.insideProject ? null :
+        <Helmet>
+          <title>{dataset.title || dataset.name}</title>
+        </Helmet>
+    }
     <Row>
       <Col md={8} sm={12}>
         {props.insideProject ?