feat: Add encounter list with filtering, VClaim SEP/SIPP document management, and a new file field component.

app/components/pub/my-ui/form/file-field.vue

@@ -72,7 +72,7 @@ async function onFileChange(event: Event, handleChange: (value: any) => void) {
 </script>
 
 <template>
-  <DE.Cell>
+  <DE.Cell :class="class">
     <DE.Label
       v-if="label !== ''"
       :label-for="fieldName"
@@ -91,12 +91,13 @@ async function onFileChange(event: Event, handleChange: (value: any) => void) {
         <FormItem>
           <FormControl class="flex flex-col">
             <Input
-              @change="onFileChange($event, handleChange)"
+              :id="fieldName"
               type="file"
               :disabled="isDisabled"
               v-bind="{ onBlur: componentField.onBlur }"
               :placeholder="placeholder"
               :class="cn('focus:border-primary focus:ring-2 focus:ring-primary focus:ring-offset-0')"
+              @change="onFileChange($event, handleChange)"
             />
           </FormControl>
           <FormMessage />