built out a simple framework for building 3d objects

an orbital camera and some basic shapes are used to build the 3d bin shell and the flat inventory when using manual or lidar are built

src/3dModels/Shapes/3D/Cone.tsx

@@ -0,0 +1,43 @@
+import { useMemo } from "react";
+import * as THREE from "three";
+import BaseMesh, { BaseMeshProps } from "../BaseMesh";
+
+export interface ConeGeometry {
+    radius: number;
+    height: number;
+    radialSegments?: number;
+    heightSegments?: number;
+    openEnded?: boolean;
+    thetaStart?: number;
+    thetaLength?: number;
+}
+
+interface Props extends Omit<BaseMeshProps, "geometry"> {
+    geometry: ConeGeometry;
+}
+
+export default function Cone(props: Props) {
+    const { geometry } = props;
+
+    const geo = useMemo(() => {
+        return new THREE.ConeGeometry(
+            geometry.radius,
+            geometry.height,
+            geometry.radialSegments ?? 24,
+            geometry.heightSegments ?? 1,
+            geometry.openEnded ?? false,
+            geometry.thetaStart ?? 0,
+            geometry.thetaLength ?? Math.PI * 2
+        );
+    }, [
+        geometry.radius,
+        geometry.height,
+        geometry.radialSegments,
+        geometry.heightSegments,
+        geometry.openEnded,
+        geometry.thetaStart,
+        geometry.thetaLength
+    ]);
+
+    return <BaseMesh {...props} geometry={geo} />;
+}