dev-feature/analyze-bundle (#529)

* add bundle analyzer

* use svg icons - closes #522

* fix recent recipes icon

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/components/UI/Dialogs/BackupDialog.vue

@@ -2,7 +2,7 @@
   <div>
     <BaseDialog
       :title="$t('settings.backup.create-heading')"
-      titleIcon="mdi-database"
+      :titleIcon="$globals.icons.database"
       @submit="createBackup"
       :submit-text="$t('general.create')"
       :loading="loading"

frontend/src/components/UI/Dialogs/ImportDialog.vue

@@ -2,7 +2,7 @@
   <div class="text-center">
     <BaseDialog
       :title="name"
-      titleIcon="mdi-database"
+      :titleIcon="$globals.icons.database"
       :submit-text="$t('general.import')"
       :loading="loading"
       ref="baseDialog"
@@ -28,7 +28,7 @@
         <TheDownloadBtn :download-url="downloadUrl">
           <template v-slot:default="{ downloadFile }">
             <v-btn class="mr-1" color="info" @click="downloadFile">
-              <v-icon left> mdi-download </v-icon>
+              <v-icon left> {{ $globals.icons.download }}</v-icon>
               {{ $t("general.download") }}
             </v-btn>
           </template>

frontend/src/components/UI/Dialogs/SearchDialog.vue

@@ -26,22 +26,22 @@
             hide-details
             single-line
             :placeholder="$t('search.search')"
-            prepend-inner-icon="mdi-magnify"
+            :prepend-inner-icon="$globals.icons.search"
           >
           </v-text-field>
         </FuseSearchBar>
         <v-btn v-if="isMobile" x-small fab light @click="dialog = false">
           <v-icon>
-            mdi-close
+            {{ $globals.icons.close }}
           </v-icon>
         </v-btn>
       </v-app-bar>
       <v-card class="mt-1 pa-1" relative>
         <v-card-actions>
           <div class="mr-auto">
-            {{ $t('search.results') }}
+            {{ $t("search.results") }}
           </div>
-          <router-link to="/search"> {{ $t('search.advanced-search') }} </router-link>
+          <router-link to="/search"> {{ $t("search.advanced-search") }} </router-link>
         </v-card-actions>
         <v-card-actions v-if="loading">
           <SiteLoader :loading="loading" />