move debug components out of utils

src/components/debug/DebugPerf.tsx

@@ -0,0 +1,18 @@
+import { Suspense, lazy } from "react";
+import { Debug } from "@/utils/debug/Debug";
+
+const Perf = lazy(() => import("r3f-perf").then((m) => ({ default: m.Perf })));
+
+export function DebugPerf(): React.JSX.Element | null {
+  const debug = Debug.getInstance();
+
+  if (!debug.active) {
+    return null;
+  }
+
+  return (
+    <Suspense fallback={null}>
+      <Perf position="bottom-right" />
+    </Suspense>
+  );
+}