Resolves #3355 add feedback link (#3378)

* #3355 remove references of 'Beta' search

* #3355 add search feedback link and icons

---------

Co-authored-by: jdaigneau5 <[email protected]>

Author: athu-tran

src/components/PrimaryNavigation.vue

@@ -126,11 +126,33 @@
           </div>
           <div class="navbar-item cve-secondary-navbar-item cve-keyword-search">
             <div v-if="searchType">
-              <span class="icon-text mr-2" style="font-size: 14px">
-                <router-link to="/ResourcesSupport/FAQs#pc_cve_list_basicssearch_cve" class="cve-dark-blue-text">
-                  Access Search Tips
+            <p>
+              <span class="icon-text cve-dark-blue-text" style="font-size: 14px">
+                <router-link to="/ResourcesSupport/FAQs#pc_cve_list_basicssearch_cve" class="cve-dark-blue-text" style="font-size: 14px">
+                  Search tips
                 </router-link>
+                <span class="icon">
+                  <p id="lightBulbIcon" class="is-hidden">
+                    lightbulb
+                  </p>
+                  <font-awesome-icon :icon="['fas', 'lightbulb']" aria-labelledby="lightBulbIcon" aria-hidden="false"/>
+                </span>
+              </span>
+              <span class="has-text-black ml-2 mr-2">|</span>
+              <span class="icon-text cve-dark-blue-text" style="font-size: 14px">
+                <span>
+                  <a href="https://forms.office.com/g/qmmTaYnr5y" target="_blank" class="cve-dark-blue-text" style="font-size: 14px">
+                    Provide feedback
+                  </a>
+                  <span class="icon cve-icon-xxs">
+                    <p id="externalSurveyLink" class="is-hidden">
+                      Survey opens in a new tab or window depending on browser settings
+                    </p>
+                    <font-awesome-icon icon="external-link-alt" aria-labelledby="extenalSurveyLink" aria-hidden="false"/>
+                  </span>
+                </span>
               </span>
+            </p>
             </div>
           </div>
         </div>

src/main.ts

@@ -17,16 +17,16 @@ import { library } from '@fortawesome/fontawesome-svg-core';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 import {
   faAngleDoubleLeft, faAngleDoubleRight, faAngleLeft, faAngleRight, faArrowRight, faBlog, faBook, faCaretDown, faCaretUp, faInfoCircle, faCheckCircle,
-  faExclamationCircle, faFileCode, faTriangleExclamation, faUpRightFromSquare, faLink, faMinus, faPassport, faPlus, faPodcast, faIdCard, faSearch,
-  faHandshake, faUsersCog, faLaptopCode, faPoll, faTimes, faToolbox, faSitemap, faUser, faUserShield, faBullhorn, faWindowMaximize,
+  faExclamationCircle, faFileCode, faTriangleExclamation, faUpRightFromSquare, faLightbulb, faLink, faMinus, faPassport, faPlus, faPodcast, faIdCard, 
+  faSearch, faHandshake, faUsersCog, faLaptopCode, faPoll, faTimes, faToolbox, faSitemap, faUser, faUserShield, faBullhorn, faWindowMaximize,
 } from '@fortawesome/free-solid-svg-icons';
 import { faArrowAltCircleRight, faClipboard, faNewspaper } from '@fortawesome/free-regular-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 library.add(
   faAngleDoubleLeft, faAngleDoubleRight, faAngleLeft, faAngleRight, faArrowRight, faBlog, faBook, faCaretDown, faCaretUp, faInfoCircle, faCheckCircle,
-  faExclamationCircle, faFileCode, faTriangleExclamation, faUpRightFromSquare, faLink, faMinus, faPassport, faPlus, faPodcast, faIdCard, faSearch,
-  faHandshake, faUsersCog, faLaptopCode, faPoll, faTimes, faToolbox, faSitemap, faUser, faUserShield, faBullhorn,  faWindowMaximize,
+  faExclamationCircle, faFileCode, faTriangleExclamation, faUpRightFromSquare, faLightbulb, faLink, faMinus, faPassport, faPlus, faPodcast, faIdCard,
+  faSearch, faHandshake, faUsersCog, faLaptopCode, faPoll, faTimes, faToolbox, faSitemap, faUser, faUserShield, faBullhorn,  faWindowMaximize,
   faArrowAltCircleRight, faClipboard, faNewspaper, fab,);