Login, Download and visuals update

cista-front/src/components/HeaderMain.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { useDocumentStore } from '@/stores/documents'
+import LoginModal from '@/components/LoginModal.vue'
 import UploadButton from '@/components/UploadButton.vue'
 import { InfoCircleOutlined, SettingOutlined, PlusSquareOutlined, SearchOutlined, DeleteOutlined, DownloadOutlined, FileAddFilled, LinkOutlined, FolderAddFilled, FileFilled, FolderFilled } from '@ant-design/icons-vue'
-import { h, ref, defineProps  } from 'vue';
+import { h, ref  } from 'vue';
 
 const documentStore = useDocumentStore()
 const searchQuery = ref<string>('')
@@ -94,8 +95,8 @@ function download(){
         </a-tooltip>
       </template>
     </div>
-
     <div class="actions-list">
+      <LoginModal></LoginModal>
       <template v-if="showSearchInput">
         <a-input-search
         v-model="searchQuery"