Preview & upload support for audio & video files (#14)

* Accept audio & video files for upload

* Rename image related variables

* Implement getAssetType util

* Preview & upload support for video files

* Preview & upload support for audio files

* Preview update for audio files

* New look for audio previews on asset list

* Remove extra refs

Co-authored-by: findolor <anakisci@gmail.com>

components/MetadataModal.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable eslint-comments/disable-enable-pair */
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { useMetadataAttributesState } from 'components/forms/MetadataAttributes.hooks'
@@ -11,7 +12,7 @@ import { MetadataAttributes } from './forms/MetadataAttributes'
 import { MetadataFormGroup } from './MetadataFormGroup'
 
 export interface MetadataModalProps {
-  imageFile: File
+  assetFile: File
   metadataFile: File
   updateMetadata: (metadataFile: File) => void
   updatedMetadataFile: File
@@ -114,8 +115,8 @@ export const MetadataModal = (props: MetadataModalProps) => {
           htmlFor="temp"
         >
           <MetadataFormGroup
-            relatedAsset={props.imageFile}
-            subtitle={`Asset name: ${props.imageFile?.name}`}
+            relatedAsset={props.assetFile}
+            subtitle={`Asset filename: ${props.assetFile?.name}`}
             title="Update Metadata"
           >
             <TextInput {...nameState} onChange={(e) => nameState.onChange(e.target.value)} />