[PRMP-1449] Adds ability to tab select logo and service name (#553)

* Adds tabindex to logo and service name

* fixes tests

* Changes test to use testId

* Changes smoketests to look for new frontend container

Author: jack-nhs

app/cypress/e2e/1-ndr-smoke-tests/gp_user_workflows/download_lloyd_george_workflow.cy.js

@@ -34,7 +34,6 @@ describe('GP Workflow: View Lloyd George record', () => {
             () => {
                 cy.smokeLogin(Roles.GP_ADMIN);
                 cy.get('.nhsuk-navigation-container').should('exist');
-
                 cy.get('#nhs-number-input').click();
                 cy.get('#nhs-number-input').type(activePatient);
                 cy.get('#search-submit').click();

app/src/components/layout/header/Header.tsx

@@ -20,13 +20,14 @@ const Header = (props: Props) => {
                     onClick={navigateHome}
                     className="clickable"
                     data-testid="nhs-header-logo"
+                    tabIndex={0}
                 />
-                <NhsHeader.ServiceName onClick={navigateHome} className="clickable">
+                <NhsHeader.ServiceName onClick={navigateHome} className="clickable" tabIndex={0}>
                     Access and store digital patient documents
                 </NhsHeader.ServiceName>
             </NhsHeader.Container>
 
-            <NavLinks />
+            <NavLinks data-testid="header-navigation-link" />
         </NhsHeader>
     );
 };