Add empty state component unit tests

src/views/empty-state/empty-state.test.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import { EmptyState } from "./empty-state.component";
+
+describe("EmptyState Component", () => {
+  const headerTitle = "This is a header";
+  const displayText = "example display text";
+
+  test("renders header title", () => {
+    render(<EmptyState headerTitle={headerTitle} displayText={displayText} />);
+    const headerElement = screen.getByText(headerTitle);
+    expect(headerElement).toBeInTheDocument();
+  });
+
+  test("renders display text", () => {
+    render(<EmptyState headerTitle={headerTitle} displayText={displayText} />);
+    const displayTextElement = screen.getByText(
+      `There are no ${displayText} to display for this patient`
+    );
+    expect(displayTextElement).toBeInTheDocument();
+  });
+});

src/views/error-state/error-state.component.tsx

@@ -15,7 +15,7 @@ export const ErrorState: React.FC<ErrorStateProps> = ({
   const { t } = useTranslation();
 
   return (
-    <Tile light className={styles.tile}>
+    <Tile className={styles.tile}>
       <h1 className={styles.heading}>{headerTitle}</h1>
       <p className={styles.errorMessage}>
         {t("error", "Error")} {`${error?.response?.status}: `}