fix: Swap out Spinner component exposed to Snaps

[FrederikBolding]

Description

Swap out the Spinner component exposed to Snaps for the Preloader component.

Screenshots/Recordings

Manual Testing Steps

import type { OnRpcRequestHandler } from '@metamask/snaps-sdk';
import { Box, Spinner } from '@metamask/snaps-sdk/jsx';

/**
 * Handle incoming JSON-RPC requests, sent through `wallet_invokeSnap`.
 *
 * @param args - The request handler args as object.
 * @param args.origin - The origin of the request, e.g., the website that
 * invoked the snap.
 * @param args.request - A validated JSON-RPC request object.
 * @returns The result of `snap_dialog`.
 * @throws If the request method is not valid for this snap.
 */
export const onRpcRequest: OnRpcRequestHandler = async ({
  origin,
  request,
}) => {
  switch (request.method) {
    case 'hello':
      return snap.request({
        method: 'snap_dialog',
        params: {
          type: 'confirmation',
          content: (
            <Box>
              <Spinner />
            </Box>
          ),
        },
      });
    default:
      throw new Error('Method not found.');
  }
};

[metamaskbot]

Builds ready [dacf943]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1571 ± 51 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	304	1882	1519	300	144
		domContentLoaded	1405	1836	1550	99	48
		load	1409	1879	1571	107	51
		domInteractive	23	91	39	16	8
		backgroundConnect	6	77	25	21	10
		firstReactRender	15	67	20	11	5
		getState	4	51	13	15	7
		initialActions	0	1	0	0	0
		loadScripts	1036	1471	1161	97	47
		setupStore	6	51	18	18	9
		uiStartup	1583	2133	1786	135	65

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 148 Bytes (0.00%)
• common: 0 Bytes (0.00%)