hunk.code_window: 		// will be re-calculated before this memo runs.
   		() => explorer.selectedItems.has(item),
   		[explorer.selectedItems, item]
   	);
   	const { attributes } = useDragSelectable({ index, id: uniqueId(item), selected });
   	return (
   		<div
   			{...props}
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit: 	const canGoBack = currentIndex !== 0;
   	const canGoForward = currentIndex !== maxIndex;
  
hunk.file_path: interface/app/$libraryId/Explorer/View/Grid/Item.tsx
hunk.type: add
file: import { useLocale } from '~/hooks';
  
  import { Heading } from '../Layout';
  
  export const Component = () => {
  	const { t } = useLocale();
  	return (
  		<>
  			<Heading title={t('security')} description={t('security_description')} />
  		</>
  	);
  };
  