Polish filter panel input styling to match Angular custom-input mixin

Add right padding, font-overflow, and transition to input fields and
prefix element for full parity with Angular's custom-input mixin output.

src/features/online-board/components/OnlineBoardFilter.scss

@@ -98,6 +98,8 @@
       font-size: fonts.$font-size-l;
       font-weight: fonts.$font-regular;
       color: colors.$gray;
+      transition-duration: 0.2s;
+      @include fonts.font-overflow();
       border-right: none;
       border-radius: vars.$border-radius 0 0 vars.$border-radius;
     }
@@ -109,12 +111,14 @@
       align-items: center;
       @include shadows.control-border-shadow();
       height: vars.$standard-button-height;
+      padding: 0 vars.$space-l;
       padding-left: vars.$space-m !important;
       font-size: fonts.$font-size-l;
       font-weight: fonts.$font-regular;
       color: colors.$text-color;
       width: 100%;
       transition-duration: 0.2s;
+      @include fonts.font-overflow();
 
       &:enabled:hover:not(.p-state-error) {
         border-color: colors.$blue-light;