added code of workaround 1 for google translate bug

new-frontend/src/main.tsx

@@ -1,3 +1,28 @@
+// Patch Node prototype for DOM error handling
+if (typeof Node === 'function' && Node.prototype) {
+  const originalRemoveChild = Node.prototype.removeChild;
+  (Node.prototype as any).removeChild = function(child: any) {
+    if (child.parentNode !== this) {
+      if (console) {
+        console.error('Cannot remove a child from a different parent', child, this);
+      }
+      return child;
+    }
+    return originalRemoveChild.call(this, child);
+  }
+
+  const originalInsertBefore = Node.prototype.insertBefore;
+  (Node.prototype as any).insertBefore = function(newNode: any, referenceNode: any) {
+    if (referenceNode && referenceNode.parentNode !== this) {
+      if (console) {
+        console.error('Cannot insert before a reference node from a different parent', referenceNode, this);
+      }
+      return newNode;
+    }
+    return originalInsertBefore.call(this, newNode, referenceNode);
+  }
+}
+
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./index.css";

new-frontend/src/types/supabase.ts

@@ -21,23 +21,23 @@ export type Database = {
           category_id: string
           gender: Database["public"]["Enums"]["gender_enum"]
           quantity: number
-          size_id: string | null
+          size_id: string
         }
         Insert: {
           box_content_id?: string
           box_id: string
           category_id: string
           gender: Database["public"]["Enums"]["gender_enum"]
           quantity?: number
-          size_id?: string | null
+          size_id?: string
         }
         Update: {
           box_content_id?: string
           box_id?: string
           category_id?: string
           gender?: Database["public"]["Enums"]["gender_enum"]
           quantity?: number
-          size_id?: string | null
+          size_id?: string
         }
         Relationships: [
           {