feat(component): new file-input component (#166)

* file input field

* input file

* empty lines

* dropzone value update

* dropzone value update

* fix drag and drop

* Update docs/components/fileInput.md

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* Update docs/components/fileInput/examples/FileInpDropZone.vue

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* Update src/components/FileInput/FileInput.vue

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* Update src/components/FileInput/FileInput.vue

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* Update src/components/FileInput/FileInput.vue

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* Update src/components/FileInput/FileInput.vue

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

* multiple files and file type

---------

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>

docs/components/fileInput/examples/MultipleFile.vue

@@ -0,0 +1,19 @@
+<template>
+    <div>
+      <FileInput multiple v-model="files" label="Upload file" />
+      <div class="mt-4 -mb-7 border-[1px] border-gray-300 dark:border-gray-600 p-2 rounded-md" v-if="files.length !== 0">
+        <div v-for="file in files" :id="file">
+            {{ file.name }}
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import FileInput from '../../../../src/components/FileInput/FileInput.vue'
+  import { ref } from 'vue'
+  
+  const files = ref([])
+  
+  </script>
+