hotfix: improve mimetype creation and dashboard data loading

- Added a NotificationBar component to display flash messages on the Mimetype creation page.
- Modified FormCheckRadioGroup to handle both numeric and string keys for input values.
- Removed unused code and API calls from Dashboard.vue and moved API calls to the component level where they are used.
- Added authentication middleware to the 'clients' and 'authors' API routes in `start/routes/api.ts`.
- Updated the file download route in `start/routes/api.ts` to include "file" in the path.
- Corrected the validation message key for file extension minLength in MimetypeController.ts.
- Updated favicon path in `resources/views/app.edge`.
- Added argon2 dependency in `package.json`.

resources/js/Pages/Admin/Mimetype/Create.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import { ref, reactive } from 'vue';
-import { Head, useForm } from '@inertiajs/vue3';
-import { mdiAccountKey, mdiArrowLeftBoldOutline, mdiTrashCan, mdiImageText, mdiPlus } from '@mdi/js';
+import { computed, ComputedRef } from 'vue';
+import { Head, useForm, usePage } from '@inertiajs/vue3';
+import { mdiAccountKey, mdiArrowLeftBoldOutline, mdiTrashCan, mdiImageText, mdiPlus, mdiAlertBoxOutline } from '@mdi/js';
 import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
 import SectionMain from '@/Components/SectionMain.vue';
 import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
@@ -16,6 +17,7 @@ import standardTypes from 'mime/types/standard.js';
 import otherTypes from 'mime/types/other.js';
 import FormCheckRadioGroup from '@/Components/FormCheckRadioGroup.vue';
 import MimetypeInput from '@/Components/MimetypeInput.vue';
+import NotificationBar from '@/Components/NotificationBar.vue';
 
 defineProps({
     borderless: Boolean,
@@ -23,6 +25,10 @@ defineProps({
     ctrlKFocus: Boolean,
 });
 
+const flash: ComputedRef<any> = computed(() => {
+    return usePage().props.flash;
+});
+
 const customTypes: { [key: string]: string[] } = {
   'application/vnd.opengeospatial.geopackage+sqlite3': ['gpkg'],
   'text/plain': ['txt', 'asc', 'c', 'cc', 'h', 'srt'],
@@ -141,6 +147,13 @@ const isValidForm = (): boolean => {
                 <BaseButton :route-name="stardust.route('settings.mimetype.index')" :icon="mdiArrowLeftBoldOutline"
                     label="Back" color="white" rounded-full small />
             </SectionTitleLineWithButton>
+
+              <NotificationBar v-if="flash.message" color="success" :icon="mdiAlertBoxOutline">
+                {{ flash.message }}
+            </NotificationBar>
+            <!-- <FormValidationErrors v-bind:errors="errors" /> -->
+
+
             <CardBox form>
                 <MimetypeInput @on-select-result="selectResult" @on-clear-input="clearInput" :transparent="transparent"
                     :borderless="borderless" :mimeTypes="mimeTypes" :isValidMimeType="isValidMimeType" />