feat: make use of useState to show and hide context menu rather than manually rendering and unrendering

utils/removeContextMenu.ts

@@ -1,6 +1,12 @@
-export default () => {
-	const contextMenu = document.getElementById("context-menu");
-	if (contextMenu) {
-		contextMenu.remove();
+import type { ContextMenuInterface } from "~/types/interfaces";
+
+export default (contextMenu: Ref<ContextMenuInterface>) => {
+	console.log("resetting and hiding context menu");
+	contextMenu.value = {
+		show: false,
+		cursorX: 0,
+		cursorY: 0,
+		items: []
 	}
+	console.log("hidden context menu");
 }