feat(login): add help docs to login flows

src/routes/LoginEnterprise.test.tsx

@@ -2,6 +2,7 @@ import { fireEvent, render, screen } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import * as TestRenderer from 'react-test-renderer';
 const { ipcRenderer } = require('electron');
+import { shell } from 'electron';
 import { mockedEnterpriseAccounts } from '../__mocks__/mockedData';
 import { AppContext } from '../context/App';
 import type { AuthState } from '../types';
@@ -14,6 +15,8 @@ jest.mock('react-router-dom', () => ({
 }));
 
 describe('routes/LoginEnterprise.tsx', () => {
+  const openExternalMock = jest.spyOn(shell, 'openExternal');
+
   const mockAccounts: AuthState = {
     enterpriseAccounts: [],
     user: null,
@@ -129,4 +132,18 @@ describe('routes/LoginEnterprise.tsx', () => {
     expect(screen.getByText('Invalid client id.')).toBeTruthy();
     expect(screen.getByText('Invalid client secret.')).toBeTruthy();
   });
+
+  it('should open help docs in the browser', async () => {
+    render(
+      <AppContext.Provider value={{ accounts: mockAccounts }}>
+        <MemoryRouter>
+          <LoginEnterpriseRoute />
+        </MemoryRouter>
+      </AppContext.Provider>,
+    );
+
+    fireEvent.click(screen.getByLabelText('GitHub Docs'));
+
+    expect(openExternalMock).toHaveBeenCalledTimes(1);
+  });
 });

src/routes/LoginEnterprise.tsx

@@ -99,6 +99,7 @@ export const LoginEnterpriseRoute: FC = () => {
           <div className="text-xs italic hover:text-blue-500 justify-center items-center">
             <button
               type="button"
+              aria-label="GitHub Docs"
               className={`px-2 py-1 text-xs ${buttonClasses}`}
               onClick={() => openLink(GITHUB_DOCS_URL)}
             >

src/routes/LoginWithToken.test.tsx

@@ -158,4 +158,18 @@ describe('routes/LoginWithToken.tsx', () => {
     expect(screen.getByText('Invalid hostname.')).toBeDefined();
     expect(screen.getByText('Invalid token.')).toBeDefined();
   });
+
+  it('should open help docs in the browser', async () => {
+    render(
+      <AppContext.Provider value={{ validateToken: mockValidateToken }}>
+        <MemoryRouter>
+          <LoginWithToken />
+        </MemoryRouter>
+      </AppContext.Provider>,
+    );
+
+    fireEvent.click(screen.getByLabelText('GitHub Docs'));
+
+    expect(openExternalMock).toHaveBeenCalledTimes(1);
+  });
 });

src/routes/LoginWithToken.tsx

@@ -110,6 +110,7 @@ export const LoginWithToken: FC = () => {
           <div className="text-xs italic hover:text-blue-500 justify-center items-center">
             <button
               type="button"
+              aria-label="GitHub Docs"
               className={`px-2 py-1 text-xs ${buttonClasses}`}
               onClick={() => openLink(GITHUB_DOCS_URL)}
             >