fix: preview dnd and f2 not working

Author: abdel-17

sites/preview/src/lib/components/TreeContextMenu.svelte

@@ -228,10 +228,12 @@
 			onCloseAutoFocus={handleContentCloseAutoFocus}
 		>
 			{#if menuState?.type === "item"}
-				<TreeContextMenuItem onSelect={menuState.onRename}>
-					<PenIcon role="presentation" size={20} />
-					<span>Rename</span>
-				</TreeContextMenuItem>
+				{#if menuState.item().editable()}
+					<TreeContextMenuItem onSelect={menuState.onRename}>
+						<PenIcon role="presentation" size={20} />
+						<span>Rename</span>
+					</TreeContextMenuItem>
+				{/if}
 
 				<TreeContextMenuItem onSelect={menuState.onCopy}>
 					<CopyIcon role="presentation" size={20} />

sites/preview/src/routes/+page.svelte

@@ -337,10 +337,11 @@
 				<div>Kind</div>
 			</div>
 
-			<Tree {tree} class="mt-2">
+			<Tree {tree} isItemEditable class="mt-2">
 				{#snippet item({ item, expand, collapse, copy, paste, remove })}
 					<TreeItem
 						{item}
+						draggable
 						onCopy={copy}
 						onPaste={paste}
 						onDelete={remove}