added new modal settings

src/components/UI/ModalSettings/ModalSettings.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+import "./modalSettings.scss";
+
+export const ModalSettings = ({ active, children }) => {
+  return (
+    <div className={active ? "project__settings active" : "project__settings "}>
+      {children}
+    </div>
+  );
+};
+
+export default ModalSettings;

src/components/UI/ModalSettings/modalSettings.scss

@@ -0,0 +1,29 @@
+.project {
+  &__settings {
+    position: absolute;
+    padding: 32px 23px 10px 11px;
+    background: #e1fccf;
+    border-radius: 12px;
+    transform: scale(0);
+    bottom: -148px;
+    right: -120px;
+
+    &-menu {
+      font-size: 14px;
+      line-height: 38px;
+
+      div {
+        display: flex;
+        align-items: center;
+
+        img {
+          margin-right: 12px;
+        }
+      }
+    }
+  }
+
+  &__settings.active {
+    transform: scale(1);
+  }
+}