Refactor viewer hover styles and remove preview state

packages/viewer/src/components/renderers/roof-segment/roof-segment-renderer.tsx

@@ -23,11 +23,6 @@ export const RoofSegmentRenderer = ({ node }: { node: RoofSegmentNode }) => {
   const parentNode = node.parentId
     ? (nodes[node.parentId as AnyNodeId] as RoofNode | undefined)
     : undefined
-  const materialPreview = useViewer((state) =>
-    state.materialPreview?.target === 'roof' && state.materialPreview.nodeId === parentNode?.id
-      ? state.materialPreview
-      : null,
-  )
   const placeholderGeometry = useMemo(() => {
     const geometry = new THREE.BufferGeometry()
     geometry.setAttribute('position', new THREE.Float32BufferAttribute([], 3))
@@ -38,40 +33,13 @@ export const RoofSegmentRenderer = ({ node }: { node: RoofSegmentNode }) => {
     return geometry
   }, [])
 
-  const previewParentNode = !parentNode
-    ? undefined
-    : materialPreview?.role === 'top'
-      ? {
-          ...parentNode,
-          topMaterial: materialPreview.material,
-          topMaterialPreset: materialPreview.materialPreset,
-          material: undefined,
-          materialPreset: undefined,
-        }
-      : materialPreview?.role === 'edge'
-        ? {
-            ...parentNode,
-            edgeMaterial: materialPreview.material,
-            edgeMaterialPreset: materialPreview.materialPreset,
-            material: undefined,
-            materialPreset: undefined,
-          }
-        : materialPreview?.role === 'wall'
-          ? {
-              ...parentNode,
-              wallMaterial: materialPreview.material,
-              wallMaterialPreset: materialPreview.materialPreset,
-              material: undefined,
-              materialPreset: undefined,
-            }
-          : parentNode
   const customMaterial = useMemo(() => {
     if (node.material !== undefined || typeof node.materialPreset === 'string') {
       return null
     }
 
-    return previewParentNode ? getRoofMaterialArray(previewParentNode) : null
-  }, [node, previewParentNode])
+    return parentNode ? getRoofMaterialArray(parentNode) : null
+  }, [node, parentNode])
 
   const material = debugColors ? roofDebugMaterials : customMaterial || roofMaterials