chore: put common styles into a separate file

Author: nakrovati

webdriver-ts-results/src/App.css

@@ -1,26 +1,3 @@
-:root {
-  --border-color: #ccc;
-}
-
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  margin: 0;
-  padding: 0.5rem;
-}
-
-a,
-a:active,
-a:hover {
-  text-decoration: none;
-}
-
 thead.dummy th {
   padding: 0;
   border: 0;
@@ -184,7 +161,3 @@ dd {
 .check-full-width::after {
   display: inline-block;
 }
-
-.page-container {
-  padding: 0.5rem;
-}

webdriver-ts-results/src/index.css

@@ -0,0 +1,22 @@
+:root {
+  --border-color: #ccc;
+}
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  margin: 0;
+  padding: 0.5rem;
+}
+
+a,
+a:active,
+a:hover {
+  text-decoration: none;
+}

webdriver-ts-results/src/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import App from "./App.tsx";
 import { createRoot } from "react-dom/client";
+import "./index.css";
 
 createRoot(document.getElementById("root")!).render(
   <React.StrictMode>