integrate context with window.history API

src/View/Modals/dataTransferModal.tsx

@@ -112,7 +112,7 @@ function DirectionSelectionModal(
                         </button>
                     </div>
                 </main>
-                <button on:click={fileTransferViewModel.hideModal}>
+                <button on:click={fileTransferViewModel.close}>
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>
@@ -393,7 +393,7 @@ function TransferDisplayModal(
                     </button>
                     <button
                         class="flex"
-                        on:click={fileTransferViewModel.hideModal}
+                        on:click={fileTransferViewModel.close}
                         toggle:disabled={
                             fileTransferViewModel.didNotFinishSending
                         }

src/View/Modals/settingsModal.tsx

@@ -60,7 +60,7 @@ export function SettingsModal(
                         settingsViewModel.selectedModalPage,
                     )}
                 </main>
-                <button on:click={settingsViewModel.hideSettingsModal}>
+                <button on:click={settingsViewModel.close}>
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/storageModal.tsx

@@ -78,7 +78,7 @@ export function StorageModal(
                         true,
                     )}
                 </main>
-                <button on:click={storageViewModel.hideStorageModal}>
+                <button on:click={storageViewModel.close}>
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>