Added feature

frontend/src/app/organization/add/page.jsx

@@ -31,7 +31,8 @@ const AddCredentials = () => {
                           alt="badge image"
                         />
                       </div>
-                      <div className={styles.addIconContainer}>
+                      <input type="file" id="file" hidden accept="image/*" />
+                      <label className={styles.addIconContainer} for="file">
                         <svg
                           xmlns="http://www.w3.org/2000/svg"
                           width={20}
@@ -54,7 +55,7 @@ const AddCredentials = () => {
                             strokeLinejoin="round"
                           />
                         </svg>
-                      </div>
+                      </label>
                     </div>
                   </div>
                   <div className={styles.labels}>

frontend/src/app/organization/add/styles.module.css

@@ -89,6 +89,13 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
   border-radius: 100px;
   background: #696b95;
+  transition: all 0.1;
+  cursor: pointer;
+}
+.addIconContainer:hover {
+  border-radius: 100px;
+  border: 1px solid #959aff;
+  background: linear-gradient(180deg, #696b95 0%, #20202d 100%);
 }
 .labels {
   display: flex;