Use the new `toast` component in `restore-file`

restore-file changes the menu item inline

But instead of changing the menu, we should use the new toast introduced by https://github.com/sindresorhus/refined-github/pull/4016

Some changes will be needed in the toast to show possible errors. Refer to https://primer.style/css/components/toasts for classnames and icons.

[yakov116]

I think the update branch feature and maybe clone-branch, git-reblame.

Basically wherever we are using the loading icon. (On mobile this is what I can think of offhand)

[fregante]

Probably you’ll want to change this:

https://github.com/sindresorhus/refined-github/blob/ba878fc91552f41f1860a70864917ca3c40914f4/source/features/restore-file.tsx#L86-L109

To something like:

async function restoreFile() {
	const file = await getFile(filePath);

	if (!file) {
		// The file was created by this PR.
		// This code won’t be reached if `highlight-deleted-and-added-files-in-diffs` works.
		throw new Error('Nothing to restore. Delete file instead');
		return;
	}

	if (file.isTruncated) {
		throw new Error('Restore failed: File too big');
		return;
	}

	await commitFileContent(menuItem, file.text, filePath);
}

try {
	const filePath = menuItem.closest<HTMLDivElement>('[data-path]')!.dataset.path!;
	const task = restoreFile(filePath);
	showToast(task);

	// Hide file from view
	await task;
	menuItem.closest('.file')!.remove();
} catch (error: unknown) {
	features.error(__filebasename, error);
}