standardize source naming conventions

src/world/player/Player.tsx

@@ -0,0 +1,29 @@
+import { useEffect } from "react";
+import { useThree } from "@react-three/fiber";
+import type { Octree } from "three/addons/math/Octree.js";
+import type { Vector3Tuple } from "@/types/three";
+import { PlayerCamera } from "@/world/player/PlayerCamera";
+import { PlayerController } from "@/world/player/PlayerController";
+
+interface PlayerProps {
+  octree: Octree | null;
+  spawnPosition: Vector3Tuple;
+}
+
+export function Player({
+  spawnPosition,
+  octree,
+}: PlayerProps): React.JSX.Element {
+  const camera = useThree((state) => state.camera);
+
+  useEffect(() => {
+    camera.position.set(...spawnPosition);
+  }, [camera, spawnPosition]);
+
+  return (
+    <>
+      <PlayerCamera />
+      <PlayerController octree={octree} spawnPosition={spawnPosition} />
+    </>
+  );
+}