refactor: new separated sprite components

packages/pinball_components/lib/src/components/sparky_computer.dart

@@ -5,13 +5,13 @@ import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:pinball_components/pinball_components.dart';
 
 /// {@template sparky_computer}
-/// A [Blueprint] which creates the [_ComputerBase] and [_ComputerTop].
+/// A [Blueprint] which creates the [_ComputerBase] and [_ComputerTopSpriteComponent].
 /// {@endtemplate}
 class SparkyComputer extends Forge2DBlueprint {
   @override
   void build(_) {
     final computerBase = _ComputerBase();
-    final computerTop = _ComputerTop();
+    final computerTop = _ComputerTopSpriteComponent();
 
     addAll([
       computerBase,
@@ -68,28 +68,33 @@ class _ComputerBase extends BodyComponent with InitialPosition {
   @override
   Future<void> onLoad() async {
     await super.onLoad();
-    await _loadSprite();
     renderBody = false;
+
+    await add(_ComputerBaseSpriteComponent());
   }
+}
+
+class _ComputerBaseSpriteComponent extends SpriteComponent with HasGameRef {
+  _ComputerBaseSpriteComponent()
+      : super(
+          anchor: Anchor.center,
+          position: Vector2(-11.95, -48.35),
+        );
+
+  @override
+  Future<void> onLoad() async {
+    await super.onLoad();
 
-  Future<void> _loadSprite() async {
     final sprite = await gameRef.loadSprite(
       Assets.images.sparky.computer.base.keyName,
     );
-
+    this.sprite = sprite;
-    await add(
+    size = sprite.originalSize / 10;
-      SpriteComponent(
-        sprite: sprite,
-        size: sprite.originalSize / 10,
-        anchor: Anchor.center,
-        position: Vector2(-11.95, -48.35),
-      ),
-    );
   }
 }
 
-class _ComputerTop extends SpriteComponent with HasGameRef {
+class _ComputerTopSpriteComponent extends SpriteComponent with HasGameRef {
-  _ComputerTop()
+  _ComputerTopSpriteComponent()
       : super(
           anchor: Anchor.center,
           position: Vector2(-12.45, -49.75),