Refactor/large code (#125)

* refactor(card section): ♻️ have list and options as seperate components

* fix(blur hash): 🐛 updated the default hash

* feat(video): ✨ added video player modal

* refactor(ref): ♻️ removed dummy comments

* fix(TS): 🐛 ts issues fix

Author: abhishekmg

src/icons/actionIcons/playIcon.tsx

@@ -1,14 +1,22 @@
+import { type PointerEvent } from "react";
+
 const PlayIcon = ({
 	className,
 	size = "40",
+	onClick,
+	onPointerDown,
 }: {
 	className: string;
+	onClick?: () => void;
+	onPointerDown?: (event: PointerEvent) => void;
 	size?: string;
 }) => (
 	<svg
 		className={className}
 		height={size}
 		id="play"
+		onClick={onClick}
+		onPointerDown={onPointerDown}
 		viewBox="0 0 256 256"
 		width={size}
 	>