update import and export data icons

public/index.html

@@ -8,10 +8,11 @@
 
     <link rel="icon" type="image/png" href="/assets/favicon.png" />
     <link rel="stylesheet" href="/assets/ss-bulma.css" />
-    <link
-      rel="stylesheet"
-      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
-    />
+    <script
+      src="/assets/external/fontawesome/all.js"
+      data-auto-replace-svg="nest"
+    ></script>
+    <link rel="stylesheet" href="/assets/external/fontawesome/all.css" />
     <link rel="stylesheet" href="/assets/ssr.css?20210925" />
     <link rel="stylesheet" href="/build/bundle.css" />
 

src/components/Others/Settings.svelte

@@ -224,9 +224,9 @@
     </svelte:fragment>
 
     <svelte:fragment slot="footer-left">
-      <File iconFa="fas fa-file-export" title="Import SSR data from file" loading={isImporting} disabled={isImporting}
+      <File iconFa="fa-solid fa-file-import" title="Import SSR data from file" loading={isImporting} disabled={isImporting}
             accept="application/json" bind:this={importBtn} on:change={onImport}/>
-      <Button iconFa="fas fa-file-import" title="Export SSR data to file" on:click={onExport} loading={isExporting} disabled={isExporting}/>
+      <Button iconFa="fa-regular fa-floppy-disk" title="Export SSR data to file" on:click={onExport} loading={isExporting} disabled={isExporting}/>
     </svelte:fragment>
 
     <svelte:fragment slot="footer-right">