Prepare home page for challenge

Author: jkettmann

README.md

@@ -2,7 +2,7 @@ This repository is part of the [React Job Simulator](https://profy.dev) where yo
 
 ## The Application
 
-The application is an error logging and monitoring tool similar to Sentry or Rollbar. You can find a deployed version of the main branch at [prolog.profy.dev](https://prolog.profy.dev).
+The application is an error logging and monitoring tool similar to Sentry or Rollbar. You can find a deployed version of the main branch at [prolog.profy.dev](https://prolog.profy.dev). Note: you have to click the "Dashboard" link in the upper right corner to see the app as shown in the screenshot below.
 
 ![The running application](docs/app.png)
 

next.config.js

@@ -4,6 +4,9 @@ const nextConfig = {
   compiler: {
     styledComponents: true,
   },
+  images: {
+    domains: ["prolog-api.profy.dev"],
+  },
 };
 
 module.exports = nextConfig;

pages/index.tsx renamed to pages/index.jsx

@@ -1,21 +1,24 @@
-import { Routes } from "@config/routes";
 import styled from "styled-components";
-import type { NextPage } from "next";
+import { Routes } from "@config/routes";
 
 const Header = styled.header`
   width: 100%;
   height: 80px;
   padding: 0 2rem;
+  box-sizing: border-box;
   display: flex;
+  justify-content: space-between;
   align-items: center;
   background: white;
 `;
 
-const IssuesPage: NextPage = () => {
+const IssuesPage = () => {
   return (
     <div>
       <Header>
-        <a href={Routes.projects}>Open Dashboard</a>
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img src="/icons/logo-large.svg" alt="Prolog logo" />
+        <a href={Routes.projects}>Dashboard</a>
       </Header>
     </div>
   );