Test: Certificate, Header

[Ririio]

Fixes: #251, Fixes: #173

This week, I'm creating a playwright test for the front end which includes, header, landing page and certificate

The certificate will cycle through 3 pages, and check for values that are specific for those pages

• Request Page
  • Check if user is currently on the /certificate route
  • Check for user domain name through text
  • Expect that the title heading is Certificate
• Loading Page
  • Check for the loading page to contain text
• Key Page
  • Click download/clipboard buttons for private and public key
  • Catch toast pop up through heading

The header contains a hamburger state that is only visible in mobile, thus creating a new file `.mobile` to account for such instances

• Signout Button
  • Expect to redirect to /login route when clicked
• Card Links
  • Mobile
    • Click Hamburger Menu
    • Receive links to certificate and domain pages
    • Expect URL to either be /domain or /certificate
  • Desktop
    • Click either domain and certificate links
    • Expect URL to either be /domain or /certificate

On the landing page test we first check before starting if heading "DNS Records" and "Certificate" can be located in the `/` route

• Card
  • Button
    • Find a button named "Manage DNS Records" or "Certificate"
    • Expect /domains or /certificate URL
  • Instruction Link
    • Look for a paragraph, and check if the paragraph contains a text: to learn more, see these instructions...
    • Expected URL when clicked /domains/instructions /certificate/instructions

We are also adding a testIgnore under playwright.config.ts to accommodate for instances where values are showing/hiding under different devices

[Eakam1007]

A few suggestions, but looks good

[Eakam1007]

Looks good!

[Myrfion]

LGTM