Added Topbar Header every page

frontend/src/app/components/topHeader/TopHeader.jsx

@@ -0,0 +1,59 @@
+import React from "react";
+import styles from "./styles.module.css";
+const TopHeader = (props) => {
+  return (
+    <div className={styles.container}>
+      <div className={styles.title}>
+        <p>{props.topbarTitle}</p>
+      </div>
+      <div className={styles.actionBar}>
+        <div className={styles.searchBarContainer}>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width={24}
+            height={24}
+            viewBox="0 0 24 24"
+            fill="none"
+          >
+            <path
+              d="M19.5527 19.5536L14.7064 14.7074M9.16822 16.7847C13.3741 16.7847 16.7837 13.3751 16.7837 9.1692C16.7837 4.96328 13.3741 1.55371 9.16822 1.55371C4.9623 1.55371 1.55273 4.96328 1.55273 9.1692C1.55273 13.3751 4.9623 16.7847 9.16822 16.7847Z"
+              stroke="#858699"
+              strokeWidth={1.5}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        </div>
+        <div className={styles.button}>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="20"
+            height="20"
+            viewBox="0 0 20 20"
+            fill="none"
+          >
+            <path
+              d="M10 4.41016V15.5907"
+              stroke="currentColor"
+              strokeOpacity={1}
+              strokeWidth={1.5}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M4.41016 10H15.5907"
+              stroke="currentColor"
+              strokeOpacity={1}
+              strokeWidth={1.5}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+          <p>{props.buttonText}</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TopHeader;