Add Roboto font lint to index.html

public/index.html

@@ -12,6 +12,11 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+    />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

src/components/Header.tsx

@@ -138,10 +138,4 @@ const Header: React.FC<HeaderProps> = ({ customToolbar, menuItems = MENU_ITEMS }
   );
 };
 
-/*
-
-
-
-*/
-
 export default Header;

src/theme.ts

@@ -45,6 +45,6 @@ export const darkTheme = createMuiTheme({
     },
   },
   typography: {
-    fontFamily: 'Roboto Regular',
+    fontFamily: 'Roboto',
   },
 });