feat: DOM scale context

app/context/dom-scale.js

@@ -0,0 +1,9 @@
+import {createContext, useContext} from 'react';
+
+const context = createContext();
+
+export default context;
+
+export function useDomScale() {
+  return useContext(context);
+}

app/react-components/dom.jsx

@@ -1,6 +1,7 @@
 import {useEffect, useRef, useState} from 'react';
 
 import {RESOLUTION} from '@/constants.js';
+import DomContext from '@/context/dom-scale.js';
 
 import styles from './dom.module.css';
 
@@ -35,7 +36,9 @@ export default function Dom({children}) {
           }
         `}</style>
       )}
-      {children}
+      <DomContext.Provider value={scale}>
+        {children}
+      </DomContext.Provider>
     </div>
   );
 }