Implement collaboration features with user access management and email invitation functionality

app/src/styles/components/input.scss

@@ -46,7 +46,6 @@ textarea {
 }
 
 input[type="number"] {
-
   // Chrome, Safari, Edge, Opera
   &::-webkit-outer-spin-button,
   &::-webkit-inner-spin-button {
@@ -487,7 +486,6 @@ input[type="number"] {
     position: relative;
     cursor: pointer;
 
-
     .check-box-style {
       position: absolute;
       height: 20px;
@@ -665,6 +663,21 @@ input[type="number"] {
 .multi-email-invite-input-container {
   @include flex-space-between;
   gap: 20px;
+  position: relative;
+
+  .users-list-container {
+    position: absolute;
+    top: calc(100% + 8px);
+    background: var(--background-color);
+    backdrop-filter: blur(18px);
+    padding: 12px;
+    width: 100%;
+    height: auto;
+    max-height: 200px;
+    border-radius: 8px;
+    z-index: 100;
+    outline: 1px solid var(--border-color);
+  }
 
   .multi-email-invite-input {
     width: 100%;
@@ -764,4 +777,4 @@ input[type="number"] {
       background: var(--background-color-gray);
     }
   }
-}
+}