Added modals

frontend/src/app/components/buttons/primarybutton/PrimaryButton.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+import styles from "./styles.module.css";
+import AddIcon from "../../icons/add";
+const PrimaryButton = (props) => {
+  return (
+    <button className={styles.button} {...props}>
+      <AddIcon width={20} height={20} />
+      Add
+    </button>
+  );
+};
+
+export default PrimaryButton;

frontend/src/app/components/buttons/primarybutton/styles.module.css

@@ -0,0 +1,21 @@
+.button {
+  display: flex;
+  padding: 8px 24px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  font-family: inter;
+  border-radius: 6px;
+  border: 0.5px solid #8187ff;
+  background: rgba(83, 89, 242, 0.25);
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  letter-spacing: 0.16px;
+  cursor: pointer;
+}
+.button:hover {
+  background: linear-gradient(180deg, #5359f2 0%, #2e3288 100%);
+}