refactor(gameobjects): modularize modal from pause

src/gameobjects/index.ts

@@ -6,6 +6,7 @@ export * from './drain'
 export * from './enemy'
 export * from './game'
 export * from './health'
+export * from './modal'
 export * from './music'
 export * from './pause'
 export * from './player'

src/gameobjects/modal.ts

@@ -0,0 +1,12 @@
+export function addModal({ hidden = false }) {
+  const modal = add([
+    rect(width(), height()),
+    color(0, 0, 0),
+    opacity(0.5),
+    fixed(),
+  ])
+
+  modal.hidden = hidden
+
+  return modal
+}

src/gameobjects/pause.ts

@@ -1,7 +1,7 @@
 import type { TweenController } from 'kaplay'
 
 import { Scene } from '../constants'
-import { addButton, game, music } from '.'
+import { addButton, addModal, game, music } from '.'
 
 export function addPause() {
   let currentTween: TweenController
@@ -13,14 +13,7 @@ export function addPause() {
     }
   })
 
-  const modal = add([
-    rect(width(), height()),
-    color(0, 0, 0),
-    opacity(0.5),
-    fixed(),
-  ])
-
-  modal.hidden = true
+  const modal = addModal({ hidden: true })
 
   const pauseMenu = modal.add([
     rect(340, 300),