feat: Implement event properties management with action handling and UI components

app/src/styles/components/input.scss

@@ -7,8 +7,8 @@ input {
   width: 100%;
   padding: 2px 4px;
   border-radius: #{$border-radius-small};
-  outline: 2px solid var(--border-color);
-  outline-offset: -2px;
+  outline: 1px solid var(--border-color);
+  outline-offset: -1px;
   border: none;
   background: transparent;
   color: var(--input-text-color);
@@ -30,6 +30,24 @@ input {
     background-color: var(--background-color) !important;
     -webkit-box-shadow: 0 0 0px 1000px var(--background-color) inset !important;
   }
+
+  // File input specific style adjustments
+  &::file-selector-button {
+    font-size: 14px;
+    color: var(--accent-color);
+    background-color: var(--background-color-secondary);
+    border: none;
+    outline: none;
+    border-radius: #{$border-radius-small};
+    padding: 2px;
+    cursor: pointer;
+
+    // Hover effect for the file button
+    &:hover {
+      color: var(--primary-color);
+      background-color: var(--accent-color);
+    }
+  }
 }
 
 .input-value {
@@ -712,3 +730,47 @@ input {
     border: 1px solid var(--accent-color);
   }
 }
+
+.preview-selection-with-upload-wrapper {
+  .input-header-container {
+    padding: 6px 12px;
+    @include flex-space-between;
+    .arrow-container {
+      transition: all 0.2s;
+      @include flex-center;
+    }
+  }
+  .upload-custom-asset-button{
+    padding: 6px 12px;
+    @include flex-space-between;
+    .title{
+      white-space: nowrap;
+      width: 40%;
+    }
+    input{
+      display: none;
+    }
+    .upload-button{
+      width: 60%;
+      background: var(--highlight-accent-color);
+      color: var(--accent-color);
+      padding: 3px 6px;
+      border-radius: #{$border-radius-small};
+      text-align: center;
+    }
+  }
+  .canvas-wrapper {
+    height: 150px;
+    width: 100%;
+    padding: 8px;
+    padding-right: 4px;
+    overflow: hidden;
+    position: relative;
+    .canvas-container {
+      width: 100%;
+      height: 100%;
+      border-radius: #{$border-radius-small};
+      background-color: var(--background-color-gray);
+    }
+  }
+}