Implement "FILE" type input – show all files in Review page file explorer

[rikukissa]

Description

Let's try to keep the API as close to the HTML Native file input as we can but adapted to our TS environment

const File = BaseField.extend({
  type: z.literal('FILE'),
  options: z
    .object({
      accept: z.array(z.string()).optional().default([]),
      maxSize: z.number().optional()
    })
    .default({})
    .optional()
}).describe('File upload')

The file input shall emit

{
  name: string;
  type: string; /* the MIME media type of the data */
  size: number; /* in bytes */
  uri: string; /* either http url or a base64 uri "data:image/png;base64..." */
}

At this point we don't have to yet worry at all about how the data gets ultimately stored in the database or if there's an initial phase where the file is sent to Minio – all of that will come in later tasks

Future ideas

The following component is a separate component from this but internally uses this same Input component

It could also be that we create input types like "GROUP" that contains multiple inputs, select and file in this case