adds video to authed and unauthed views (#1057)

![screenshot-localhost_4455-2022 12
16-17_07_49](https://user-images.githubusercontent.com/1069294/208215310-428aa3b0-1432-488f-8e30-1564c9b4be46.png)

Video explains how to use lunatrace.

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Former-commit-id: f26f256
Former-commit-id: 5eb935c51b22c7127dcbd352b551d8ab621262b5

lunatrace/bsl/frontend/src/components/LunaTraceIntroVideo.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const LunaTraceIntroVideo = () => {
+  return (
+    <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ugdSyR2L6sY" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
+  )
+}

lunatrace/bsl/frontend/src/pages/homepage/AuthenticatedHome.tsx

@@ -16,6 +16,7 @@ import { Col, Container, Row } from 'react-bootstrap';
 import { Helmet } from 'react-helmet-async';
 
 import { ConditionallyRender } from '../../components/utils/ConditionallyRender';
+import { LunaTraceIntroVideo } from '../../components/LunaTraceIntroVideo';
 import { WizardOpenContext } from '../../contexts/WizardContext';
 
 import { RecentGuidesCard } from './cards/RecentGuides';
@@ -40,6 +41,7 @@ export const AuthenticatedHome: React.FunctionComponent = (_props) => {
           ) : (
             <p>View your existing projects in the sidebar.</p>
           )}
+          <LunaTraceIntroVideo />
         </div>
         <Row>
           {' '}

lunatrace/bsl/frontend/src/pages/homepage/UnauthenticatedHome.tsx

@@ -15,13 +15,16 @@ import React from 'react';
 import { Helmet } from 'react-helmet-async';
 
 import { Login } from '../../components/auth/Login';
+import { LunaTraceIntroVideo } from '../../components/LunaTraceIntroVideo';
+
 export const UnauthenticatedHome: React.FunctionComponent = (_props) => {
   return (
     <>
       <Helmet title="Log In" />
       <div className="d-flex flex-column align-items-center">
         <h1>LunaTrace</h1>
         <h4 className="darker">Vulnerability Tracking Control Center</h4>
+        <LunaTraceIntroVideo />
         <br />
         <Login />
       </div>