DataTable removed from all settings

src/pages/settings/components/Bookmarks/BookmarkSettingsItem.tsx

@@ -0,0 +1,39 @@
+import { ActionIcon, Box, Group, Text } from '@mantine/core';
+import { useState } from 'react';
+import { FiEdit } from 'react-icons/fi';
+import { actionIconClasses } from 'styles';
+
+function BookmarkSettingsItem({ bookmark }: any) {
+	const [hover, setHover] = useState(false);
+	return (
+		<Box
+			style={{
+				cursor: 'pointer',
+				borderRadius: '4px',
+				color: 'var(--color-text-pri)',
+				backgroundColor: 'var(--color-text-acc)',
+				padding: '8px',
+			}}
+			onMouseEnter={() => setHover(true)}
+			onMouseLeave={() => setHover(false)}
+		>
+			<Group>
+				<Text>{bookmark.name}</Text>
+				{hover && (
+					<ActionIcon
+						className={actionIconClasses.editButton}
+						classNames={actionIconClasses}
+						style={{
+							position: 'absolute',
+							right: 24,
+						}}
+					>
+						<FiEdit />
+					</ActionIcon>
+				)}
+			</Group>
+		</Box>
+	);
+}
+
+export default BookmarkSettingsItem;