Get rid of tree view since it cannot handle nested structures with a depth of more than four

Author: twwd

src/lib/components/Bom.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import type { Bom, Component } from '$lib/cyclonedx/models';
 	import ComponentsTable from '$lib/components/ComponentsTable.svelte';
-	import ComponentsTreeView from '$lib/components/ComponentsTreeView.svelte';
 	import { Button, Tab, TabContent, Tabs, Tile } from 'carbon-components-svelte';
 	import ComponentsTreeChart from '$lib/components/ComponentsTreeChart.svelte';
 	import ComponentModal from '$lib/components/ComponentModal.svelte';
@@ -10,14 +9,9 @@
 	let { bom = null }: { bom: Bom | null } = $props();
 
 	let selectedComponentForModal: Component | undefined = $state();
-	let selectedComponentRefInTreeView: string | undefined = $state();
 	let selectedComponentRefInTreeGraph: string | undefined = $state();
 	let searchValueInTable: string = $state('');
 
-	function searchComponentInTreeView(id: string) {
-		selectedComponentRefInTreeView = id;
-	}
-
 	function searchComponentInTreeGraph(id: string) {
 		selectedTabIndex = 1; // Switch to graph tab
 		selectedComponentRefInTreeGraph = id;
@@ -69,13 +63,9 @@
 				<Tab label="Chart" />
 				<svelte:fragment slot="content">
 					<TabContent>
-						<div class="tab__tile">
-							<ComponentsTreeView {bom} selectedComponentRef={selectedComponentRefInTreeView} />
-						</div>
 						<div class="tab__tile">
 							<ComponentsTable
 								components={bom.components}
-								{searchComponentInTreeView}
 								{searchComponentInTreeGraph}
 								showComponentDetails={showComponentModal}
 								searchValue={searchValueInTable}

src/lib/components/ComponentsTable.svelte

@@ -9,17 +9,15 @@
 	} from 'carbon-components-svelte';
 	import type { DataTableRow } from 'carbon-components-svelte/src/DataTable/DataTable.svelte';
 	import type { Component } from '$lib/cyclonedx/models';
-	import { DecisionTree, Document, TreeView } from 'carbon-icons-svelte';
+	import { DecisionTree, Document } from 'carbon-icons-svelte';
 
 	let {
 		components,
-		searchComponentInTreeView,
 		searchComponentInTreeGraph,
 		showComponentDetails,
 		searchValue = ''
 	}: {
 		components: Component[];
-		searchComponentInTreeView: (id: string) => void;
 		searchComponentInTreeGraph: (id: string) => void;
 		showComponentDetails: (component: Component) => void;
 		searchValue: string;
@@ -75,13 +73,6 @@
 	<svelte:fragment slot="cell" let:row let:cell>
 		{#if cell.key === 'actions'}
 			<div class="actions">
-				<Button
-					size="small"
-					icon={TreeView}
-					iconDescription="Show component in dependency tree view"
-					kind="ghost"
-					on:click={() => searchComponentInTreeView(row.id)}
-				/>
 				<Button
 					size="small"
 					icon={DecisionTree}