✨ Display & Delete in love list

assets/ArrowRightIcon.tsx

@@ -12,7 +12,7 @@ const ArrowRightIcon = (props?: SVGProps<SVGSVGElement>) => {
 				stroke='currentColor'
 				strokeLinecap='round'
 				strokeLinejoin='round'
-				strokeWidth='48'
+				strokeWidth='36'
 				d='M184 112l144 144-144 144'
 			/>
 		</svg>

assets/PenIcon.tsx

@@ -0,0 +1,16 @@
+import { SVGProps } from 'react';
+
+const PenIcon = (props: SVGProps<SVGSVGElement>) => {
+	return (
+		<svg
+			xmlns='http://www.w3.org/2000/svg'
+			fill='currentColor'
+			viewBox='0 0 16 16'
+			{...props}
+		>
+			<path d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325' />
+		</svg>
+	);
+};
+
+export default PenIcon;