feat(import): next gen import keystore

[frichards]

Description

Ticket: https://ava-labs.atlassian.net/browse/CP-11431

Changes

This is going to allow the user to import account using keystore files.

2 issues that we need to solve later in k2-alpine:
The toast styling is off.
Icon used for the "Upload" page uses MdFileUpload for now as a placeholder icon.

Testing

You will need a keystore file.
If you do not have one, please talk to Ibrahim. He was able to share his test keystore file for me.

Please try importing the keystore file.

Screenshots:

Screen.Recording.2025-07-23.at.14.49.21.mov

Checklist for the author

Tick each of them when done or if not applicable.

• I've covered new/modified business logic with Jest test cases.
• I've tested the changes myself before sending it to code review and QA.

[meeh0w]

✨

[bartosz-the-coder-at-avalabs]

The file can be simplified even more:

Suggested change

	const Light = () => {
	return <img src={LightImage} alt="File Image" width={44} height={51} />;
	};
	const Dark = () => {
	return <img src={DarkImage} alt="File Image" width={44} height={51} />;
	};
	export const FileImage = () => {
	const theme = useTheme();
	const image = theme.palette.mode === 'light' ? <Light /> : <Dark />;
	return image;
	export const FileImage = () => {
	const theme = useTheme();
	const image = theme.palette.mode === 'light' ? LightImage : DarkImage
	return <img src={Image} alt="File Image" width={44} height={51} />;

This way you don't need to remember to sync width and height of multiple components

[bartosz-the-coder-at-avalabs]

Please use design system responsive values instead of the fixed ones

Suggested change

	columnGap: '11px',
	<Stack
	sx={{
	flexDirection: 'row',
	justifyContent: 'space-between',
	alignItems: 'center',
	columnGap: theme => theme.spacing(1.25)
	}}

[bartosz-the-coder-at-avalabs]

also, for the container components (Box, Stack & Grid) there's no need to use sx prop, because they export most of css properties as own props.
The notation is more concise and impacts the memory less

<Stack
  direction="row"
  justifyContent='space-between"
  alignItems="center"
  columnGap={1.25}
>