Bookmark group deletion update; Icon updates

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

@@ -95,7 +95,7 @@ function DebouncedGroupSettingsItem({
 				handleClose={closeModal}
 				title='Delete message'
 				body={
-					<Stack gap={0} w={'100%'} h={'150px'} align='center'>
+					<Stack gap={0} w={'100%'} h={'175px'} align='center'>
 						<Text>Are you sure you want to delete this bookmark group?</Text>
 						<Text
 							style={{
@@ -108,12 +108,16 @@ function DebouncedGroupSettingsItem({
 								color: 'var(--color-background)',
 							}}
 						>{`"${group.categoryName}"`}</Text>
+						<Text style={{ fontWeight: 'bold', textTransform: 'uppercase' }}>
+							This will also delete all bookmarks in this group!
+						</Text>
 						<Text c='red'>This action cannot be undone!</Text>
 						<Group pos={'absolute'} bottom={8}>
 							<Button
 								color={'red'}
 								styles={{ label: { color: 'black' } }}
 								onClick={() => {
+									handleDelete(bookmarks, 'api/links');
 									handleDelete(group, 'api/categories');
 									closeModal();
 								}}
@@ -121,8 +125,8 @@ function DebouncedGroupSettingsItem({
 								Delete
 							</Button>
 							<Button
-								color={'grey'}
-								styles={{ label: { color: 'black' } }}
+								color={'var(--color-text-acc)'}
+								styles={{ label: { color: 'var(--color-text-pri)' } }}
 								onClick={() => {
 									closeModal();
 								}}