Adding VTR docs and videos to navbar

frontend/src/App.js

@@ -10,6 +10,8 @@ import Roadmap from "./Roadmap";
 import * as metrics_data from './data/metrics.min.json';
 
 const docs = "https://90cos.gitlab.io/mttl/documentation"
+const vtr_docs = "https://90cos-virtual-training-records.gitlab.io/vtr-docs/"
+const playlist = "https://www.youtube.com/playlist?list=PL79OPuC-kzYx_-GpeKYDtP8XPYh7dYGxm"
 const lessons = "https://gitlab.com/90cos/cyt/training/modules"
 const kumu = "https://embed.kumu.io/2e6c3a7ed30c0a4e248b51b41382d736"
 const po_mqf = "https://gitlab.com/90cos/product-owner-po-eval-study/basic-po/-/blob/master/knowledge/README.md"
@@ -79,6 +81,15 @@ class App extends Component {
               <li className="nav-item">
                 <NavLink className="nav-link" exact to="/metrics" activeClassName='is-active'>Metrics</NavLink>
               </li>
+              <li className="nav-item dropdown">
+                <button className="nav-link dropdown-toggle" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                  Virtual Training Records
+                </button>
+                <div className="dropdown-menu" aria-labelledby="navbarDropdown">
+                  <a className="dropdown-item" target="_blank" rel="noopener noreferrer" href={vtr_docs}>VTR Docs</a>
+                  <a className="dropdown-item" target="_blank" rel="noopener noreferrer" href={playlist}>VTR Videos</a>
+                </div>
+              </li>
             </ul>
           </div>
         </nav>